javascript - jQuery last-child 和 insetBefore 不起作用

Question

我的代码:

$('#discussion li:last-child').insertBefore('<li class="other">ciao</li>');

以上是行不通的。这将删除最后一个 <li>元素。

我希望它再添加一个 <li>在最后<li>之后

这是一个完整的例子 https://jsfiddle.net/4q0eLkd1/13/

Answer 1

看到这个

$(document).on("click","#bott",function(){
    $('<li class="other">ciao</li>').insertAfter("#discussion li:last-child");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<ol id="discussion">
    <li class="self">ciao</li>
</ol>
<button id="bott">click</button>