javascript - 删除使用 jQuery 动态创建的元素

Question

我用 jQuery 创建了一个元素和文本来覆盖另一个元素:

$("<div></div>").text("winner")
                .css( {position:"absolute", top:"48%", left:"40%", zIndex:9999} )
                .appendTo( $(".square2").css({position:"relative"}) )

之后我需要删除它，所以我检查了元素在 Chrome 中的位置:

<div class="square2">
   <p>Something</p>
   <p>Something</p>
   <table></table>
   <div>winner</div>
</div>

最后我尝试取消选择它作为最后一个 child :

$("div.square:last-child").remove();

但是它删除了 div.square 的所有子项，而不仅仅是最后一个。(???)

Answer 1

你可以使用它:

var el = $("<div></div>").text("winner")
                    .css({
                            position:"absolute",
                            top:"48%",
                            left:"40%",
                            zIndex:9999,
                    });
    el.appendTo($(".square2").css({position:"relative"}));
    el.remove();