javascript - 为什么我不能删除段落？

Question

我想删除 jquery 在单击段落时创建的段落。

<p class="test">cutsom event</p>
<button class="clcik">click</button>

jquery:

$(function () {
"use strict";

$(".test").on("click", function () {
    $(this).hide();
});

$("button").on("click", function () {
    $("<p>delet this paragraph</p>").insertAfter($(this));
});

$("p").on("click", function () {
    (this).hide();
});
});

更新: @LinkinTED 解决了这个问题，但是该代码有最佳实践吗？

Answer 1

当你调用这个:

$("p").on("click", function () {
    $(this).hide();
});

您的段落尚不存在，因此这实际上没有执行任何操作。

您可以改为 $('body').on('click','p', function(){})