javascript - 获取子内部 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> 

我需要 children 的文字，所以我从简单的函数开始，比如:

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);                               
});

附言。

以上功能代码摘自引用帖using jquery .find() to get children .任何建议将不胜感激。

谢谢。

Answer 1

这个选择器怎么样？

$('.xbreadcrumbs li')

一个更完整的版本是:

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