javascript - 构建嵌套 jquery 对象并附加到内部元素

标签 javascript jquery

我正在构建一个 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(...)但这不起作用。 有什么想法可以做到这一点吗?

谢谢。

最佳答案

不要使用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>

关于javascript - 构建嵌套 jquery 对象并附加到内部元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48439223/

相关文章:

c# - 表在与表属性一起使用时显示/隐藏中断

javascript - 更改选项并重新初始化

javascript - 根据先前输入中输入的 HexColor 自动将输入更新为较暗的 HexColor

javascript - 如何将 socket.io 与 engine.io 一起用作传输?

javascript - 为什么这段代码中的js事件没有冒泡?

javascript - 是否可以在 body 负载上触发鼠标悬停

javascript - 我如何在 IE9、iOS 上验证所需的 jqBootstrapValidation

javascript - 如何从字符串中删除文本?

javascript - JavaScript 是否有处理 "adding"对象的自然方式,即添加或覆盖属性?

javascript - Chrome 上的 toggleSlide 问题 - 切割字母/不可见文本