Jquery don的父母和附件'；我们不能一起工作吗？

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;
});

$（'.local'）。单击（函数（）{
var object=$（这个）；
var parent=object.parents（'.block'）.css（{background:'yellow'}）；
$（'
）.appendTo（'.items'，parent.html（'\
新增
\
');
返回false；
});

html

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

这是你的电话号码

我能修一下吗？或者我一定是把它编错了？

不是那样的。试试这个：

  $('.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;
});

$（'.local'）。单击（函数（）{
var object=$（这个）；
var parent=object.parents（'.block'）.css（{background:'yellow'}）；
$（'
）.appendTo（$（'.items'，parent））.html（'\
新增
\
');
返回false；
});

与其使用

.appendTo（'.items'，parent））

，不如使用

.appendTo（$（'.items'，parent））

尝试以下操作：

  $('.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;
});

$(document).on("click", ".local", function(){
    $(this)
        .closest(".block")
        .css("background-color","yellow")
        .find("ul.items")
        .append( $("<li>")
            .attr("class","item")
            .html( $("<p>").html("added") );
        );
});

$（document）.on（“click”，“.local”，function（））{
$（本）
.最近的（“.块”）
.css（“背景色”、“黄色”）
.查找（“ul.项目”）
.追加（$（“
”）
.attr（“类别”、“项目”）
.html（$（“”）.html（“添加”）；
);
});

请注意，jQuery 1.7中添加了

on（）

。

---

我们将click处理程序附加到class

local

的任何元素。单击时，它将遍历DOM，直到找到类为

block

的最近元素。它将其背景色设置为黄色，然后使用class

items

选择其子级

ul

。然后附加新的

li

元素。同时，我们还使用jQuery设置了

li

的类和文本。

@MattBradley，请为子孙后代解释一下需要什么？