javascript - 如何在 Rails 4 中使用 jquery 删除 <p> 标签

Question

我有:

$(document).ready(function() {
    $("#btn1").click(function() {
        $("#po").append("<p><%= j f.datetime_select :dtmRealshow%><a>Remove</a></p>");
    });   
});


<p id="po"></p>
<button id="btn1">+</button>

当我点击btn1时一个新的datetime_select字段已添加到表单中。但我想删除父 <p>单击删除链接后标记。请帮助我。

Answer 1

添加 css 类到 anchor

$("#po").append("<p><%= j f.datetime_select :dtmRealshow%><a class='remove'>Remove</a></p>");  });

然后你可以使用Event Delegation使用.on()将点击处理程序绑定(bind)到 anchor 的委托(delegate)事件方法。

$("#po").on('click', ".remove", function(){
    $(this).closest('p').remove();
});