jquery - parent 和附录不能一起工作？

Question

jquery.parents 和 jquery.appendTo 似乎不能一起工作，例如，我想仅向单击按钮的父元素添加一个新元素，

   $('.local').click(function(){

    var object = $(this);
    var parent = object.parents('.block').css({background:'yellow'});
    $('<li class="item"></li>').appendTo('.items',parent).html('\
        <p>added</p>\
    ');

    return false;
});

html，

<!-- block -->
<div class="block">

    <ul class="items"></ul>
    <ul class="menu">
        <a href="#" class="local">add</a>
    </ul>

</div>
<!-- block -->

<!-- block -->
<div class="block">

    <ul class="items"></ul>
    <ul class="menu">
        <a href="#" class="local">add</a>
    </ul>

</div>
<!-- block -->


<!-- block -->
<div class="block">

    <ul class="items"></ul>
    <ul class="menu">
        <a href="#" class="local">add</a>
    </ul>

</div>
<!-- block -->

所以当我单击第一个添加按钮时。 添加的段落应仅添加到第一个添加按钮的父级元素中，而不应添加到具有相同类名的其他父级元素中。

这是test page .

我可以修复它吗？或者我一定编码错误？

Answer 1

.appendTo() 不是这样的。试试这个:

  $('.local').click(function(){

    var object = $(this);
    var parent = object.parents('.block').css({background:'yellow'});
    $('<li class="item"></li>').appendTo($('.items',parent)).html('\
        <p>added</p>\
    ');

    return false;
});

而不是 .appendTo('.items',parent)) ，应该是.appendTo($('.items',parent)) .