javascript - 在此示例中，我如何从 jquery/javascript 获取 div childs？

Question

我正在尝试使用 jquery 的 .eq() 函数访问 div 的子项，但看起来有些不对劲，尽管事实上并没有抛出错误，看起来就像我对所需的子项执行 .innerHTML div 元素，没有任何反应。

这是我的 HTML:

<div id="status_container">
    <div class="status_item_wrapper">
        <div class="status_item_title">
            <span>TITLE 1</span>
        </div>
        <div class="status_item_content">
            <table id="box-table"></table>
        </div>
    </div>
    <div class="status_item_wrapper">
        <div class="status_item_title">
            <span>TITLE 2</span>
        </div>
        <div class="status_item_content">
            <table id="box-table"></table>
        </div>
    </div>
</div>

这是我的 javascript:

function doSomething(message) {
     var data = message.data;
     var index_container = 0;

     var container = $("#status_container").eq(0);
     var content_wrapper = container.eq(1); // this would be the content div of each child
     content_wrapper.html(JSON.stringify(data));
}

我认为这将获得“TITLE 1”status_item_wrapper div，然后 content_wrapper 将包含“status_item_content”对象。

我应该如何从第一个父“status_container”到达“status_item_content”div？

谢谢。

Answer 1

content_wrapper 是一个 jQuery 对象，因为它是 eq() 返回的对象，并且没有 innerHTML 方法，您应该使用 jQuery 的 html() :

content_wrapper.html( JSON.stringify(data) );

要返回原生 DOM 元素，您可以使用 get()，然后执行:

var content_wrapper = container.get(1);
content_wrapper.innerHTML = JSON.stringify(data);

编辑:

现在您已经添加了 container，但还有一些问题。 eq() 将根据从零开始的索引获取元素集合中的某个元素，并且您使用 ID 作为选择器，因此实际上不应该有一个集合，因为 ID是唯一的，应该只选择一个元素。

如果您尝试选择 #status_container 元素中的第二个子元素，您可以这样做

 var content_wrapper = $("#status_container").children().eq(1);