jquery - 解析ul标签，根据li标签数据形成数组

Question

我有一个如下所示的 HTML

<div class="t1t2Wrapper" style="padding:0px 10px 0px">
   <ul class="breadcrumb pull-left" id="mybreadcumb" style="background:none; margin-bottom:0px;">
      <li>PQR<i class="icon-angle-right"></i></li>
      <li>Burger<i></i></li>
   </ul>
   <label class="pull-right" style="padding:8px;"><label>Brand Name</label>None</label>
</div>

var ids = [];
    $('.breadcrumb').each(function () {
        ids.push($(this).find('li').text());
    })

    alert(ids);

如何创建数组

PQR，汉堡

http://jsfiddle.net/6kb7dhwq/2/

Answer 1

您需要解析 li 标签以及 ul 标签...

http://jsfiddle.net/6kb7dhwq/5/

var ids = [];
$('.breadcrumb li').each(function () {
    ids.push($(this).text());
})

alert(ids);

您之前所做的只是从子 li 标签中获取所有文本，并连接起来。这将它们视为单独的元素，因此会推送每一位文本。