Question

我试图创建一个列出li class =＆＃34; table＆＃34;的函数。物品，这是我到目前为止。

function getGuests(){
 $('.child').each(function () {
  $(this).find("li").each(function () {
    var guest = $(this).html();
    alert(guest);
  });
 });
}

<ul class="main">
<input type="button" class="addTable" value="Add Table">
 <li class="table">
   <ul class="child">
     <li class="header">Table 1<input type="button" class="addGuest" value="Add Guest" ></li>
     <li class="guest">example1</li>
     <li class="guest">example2</li>
   </ul>
 </li>
</ul>

它读取li class =＆＃34; header＆＃34;虽然，我有办法忽略它吗？

Answer 1

jQuery中最快的方法是：

$(this).find("li:not(.header)").each(function () {
     var guest = $(this).html();
alert(guest);

http://jsperf.com/complex-selection-js-vs-jq/3

Answer 2

您可以使用not filter

$(this).find("li").not('.header')

Answer 3

使用:gt选择器：

 $(this).find("li:gt(0)").each(function () {
   var guest = $(this).html();
   alert(guest);
 });

<强> Demo

Answer 4

使用此功能。

function getGuests(){
 $('.child').each(function () {
  $(this).find("li").not('.header').each(function () {
    var guest = $(this).html();
    alert(guest);
  });
 });
}

忽略li中的第一项

4 个答案: