在“对象”标签中嵌入的html页面中找到具有相同css类的所有元素

Question

这有点难以解释：

我有此代码：

$("#renderMore1").after("<div class ='hwMore col-xs-12' id = 'hwMore1'></div>");
$("#hwMore1").append('<object id = "monitorHW1" type="text/html" data="http://192.168.2.123:8085/index.html" width="100%"; ></object>');

它是div中对象标记内的网页（http://192.168.2.123:8085/index.html）。 点击此页面即可加载。 加载页面后，我需要查找具有相同类（child-of-node-1）的所有项目。我尝试了这些（＃renderMore1是div）：

$('#monitorHW1').find('.child-of-node-1').each(function (i, obj) {
    ----code-----
}

$('#monitorHW1' .child-of-node-1').each(function (i, obj) {
    ----code-----
}

我在页面上显示了一个检查页面：

告诉我，如果我可以使这个问题变得更好...谢谢！

编辑： 我试图选择表格（参见上面的img）并寻找父母，但我停在“文档”上。就像“＃monitorHW1”中加​​载的页面不是该对象的子对象一样。

Answer 1

尝试使用jQuery children()。可能看起来像这样。

$("#monitorHW1").children(".child-of-node-1");

Answer 2

使用内容方法：

$(window).load(function(){
   $("#monitorHW1").contents().find(".child-of-node-1").each(function () {
   //code
   })
});

Answer 3

document.querySelectorAll中的普通CSS选择器应该可以正常工作

<object>
   <div class="test">

   </div>
   <div class="test">

   </div>
   <div class="test">

   </div>
   <div class="test">

   </div>
   <div class="test">

   </div>
</object>

上面document.querySelectorAll("object .test")中的

返回一个NodeList，其中包含test类的所有div。