獲取子內部HTML

Question

伙計們，我有一些這樣的HTML：

<ul id="view-id54795_breadcrumbs" class="xbreadcrumbs">
    <li id="view-id54795_bcitem0" class="ncurrent">All XYZ</li>
    <li id="view-id54795_bcitem1" class="current">ABC</li>
</ul> 

我需要孩子中的文字，因此我從簡單的功能開始，例如：

console.log($('#'+t.view.id+'_breadcrumbs').childNodes);
//console.log($('#'+t.view.id+'_breadcrumbs').getChildren());

兩者都沒有工作。 我也嘗試了下面的功能

$(function(){
    var child = $('#'+t.view.id+'_breadcrumbs').find('li.t.view.id_');
    console.log(child.innerHTML);
    var idArray = new Array();

    if(child.length) {                              
        $.each(child,function(i,entry) {                                
            idArray.push($(this).attr('id'));
        });
    }

    console.log(idArray);                               
});

PS。

上面的功能代碼已使用jquery .find（）從參考文章中獲取來獲取child 。 任何建議將不勝感激。

謝謝。

Answer 1

那這個選擇器呢？

$('.xbreadcrumbs li')

一個更完整的版本是：

$(function(){ 
    var children = $('.xbreadcrumbs li');
    children.each(function(i,v)
    {
       console.log($(v).text()); 
     });                         
});

Answer 2

var list = document.getElementById('view-id54795_breadcrumbs');
list.forEach(function(element) {
console.log(element.innerHTML);
});

注意：forEach僅在ECMAScript 5實現中可用，對於普通JS很抱歉，我不知道jQuery

Answer 3

嘗試這樣的事情：

var ul = $('#'+t.view.id+'_breadcrumbs');
var children = ul.find('li[id^="' + t.view.id + '"]');

var childText = [];

for(var i = 0; i < children.length; i++){
    childText.push(children[i].innerHTML);
}

jQuery查找使用'startsWith'選擇器，因此將返回ID以t.view.id開頭的li 。

childText應該用每個li文本填充。

看到小提琴

Answer 4

只需選擇您的ul並通過li標簽選擇器執行.find（）

$(function(){
var children = $('#view-id54795_breadcrumbs').find('li');

var idArray = new Array();

if(children.length) {                              
    $.each(child,function(i,entry) {    

        console.log($(this).html());

        idArray.push($(this).attr('id'));
    });
}

console.log(idArray);                               

}）;