Question

我正在构建一个jquery对象：

 function build(){
     var first = $('<div/>', {
        class: 'first'
    });
    var second = $('<div/>', {
        class: 'second'
    });
    var third = $('<div/>', {
        class: 'third'
    });
    second.append(third);
    return first.append(second);
}

现在我想在返回第三个对象后向其追加一个新元素。试过obj.find('.third').append(...)，但这不起作用。任何想法如何做到这一点？

感谢。

Answer 1

不要使用find方法。您可以使用children()

实现相同的目标

试试这个：

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
function getme(){
    var first = build();
    var fourth = $('<div/>', {
      class: 'fourth'
    });
    first.children().children().append(fourth)
    console.log(first);
}
function build(){
     var first = $('<div/>', {
        class: 'first'
    });
    var second = $('<div/>', {
        class: 'second'
    });
    var third = $('<div/>', {
        class: 'third'
    });
    second.append(third);
    return first.append(second);
}
</script>
</head>
<body>

<button onclick="getme()"/>

</body>
</html>

构建嵌套的jquery对象并追加到内部元素

1 个答案: