Jquery选择DOM元素并访问内部元素

Question

我正在尝试制作小脚本。 我有300个内部div的主div，我通过以下方式访问它们：

$("#items").find(".item").each(function(index,ele){
    console.log(ele);
})

所以它记录了我所有的内部div。 现在我想访问标签并阅读这些找到的div的内部html。

我怎么能这样做？ 试图搞乱ele.label ＆ ele.$("label") ，但它不起作用。

Answer 1

您需要使用.find或.children找到儿童/嵌套元素。

$(ele).children('label') // takes just direct children
$(ele).find('label') // take all nested labels

Answer 2

试试这个，让我知道它是否有帮助

 $("#items").find(".item").each((i, e) => console.log(e.innerHTML)) 

Answer 3

您可以使用html()方法直接获取label innerHTML。

$("#items").find(".item label").each(function(index,ele){
    console.log($(ele).html())});

或循环后

$("#items").find(".item").each(function(index,ele){
    console.log($(ele).find('label').html();)})

Answer 4

怎么样纯javascript :)

itemslabelArr = document.querySelectorAll("#items .item label")
for (var i = 0, len = itemslabelArr.length; i < len; i++) {
console.log(itemslabelArr[i].innerHTML);
}

Answer 5

$("#items .item").each(function(index,element){
    var labelText = $('label', element).text(); // or .html()
    console.log(labelText);
})