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类来锚定

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

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

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

Answer 2

删除父<p>会将其删除children。

如果这是您正在寻找的内容，请尝试以下代码。

$(document).ready(function(){
    $("#btn1").click(function(){
        $("#po").append("<p><a id='remove'>Remove</a></p>");
        $("#remove").click(function() {
            $(this).closest('p').remove();
        });
    });
});

Here is the demo

如何在rails 4中使用jquery删除<p>标签</p>

2 个答案: