如何添加一個類到div中的最後一個ul？

你如何獲得div中的最後一個ul？這是我到目前爲止所嘗試的。如何添加一個類到div中的最後一個ul？

//   $('.deliveryChargeDetail ul').last().addClass("lastActive"); 
       //   alert($('.deliveryChargeDetail ul').last()); 

       // $('deliveryChargeDetail > ul:last-child').addClass('lastActive'); 
      // $('deliveryChargeDetail.ul:last').addClass('lastActive'); 
       // $('ul:last', this).addClass('lastActive'); 
       $("deliveryChargeDetail :last-child").addClass('lastActive');

編輯：

ohh..I忘記加點：/我嘗試了所有與點以上statemnets「deliveryChargeDetail」之前，它仍然沒有working..whats是正道添加類到最後ul？

我對此有另外一件事......讓我們說theer是一個for循環來綁定這個div，它具有類「deliveryChargeDetail」，並且有atleaset 5 uls但是每個ul的某些lis可能沒有文本或在他們的東西，即他們的HTML可能是空的..我們可以說，如果只有這個div的前三個充滿了價值觀，那麼我該如何獲取該最後一個不是空的UL，並給它類「lastActive 「..這就是我想要做的..請幫助我出來..謝謝

編輯2： - 下面是div的html，我動態綁定這些UL。我要填寫的UL最後被賦予類「lastActive」

<div class="myDiv"> 
     <div class="leg"> 
      Delivery Charge Details</div> 
     <div class="clear"> 
     </div> 
     <div class="main deliveryChargeDetail"> 
      <ul class="gridHead"> 
       <li>Amt 1 </li> 
       <li>Amt 2</li> 
       <li>Charge</li> 
       <div class="clear"> 
       </div> 
      </ul> 
      <ul> 
       <li>0.00</li> 
       <li>20.00</li> 
       <li>5.00</li><div class="clear"> 
       </div> 
      </ul> 
      <ul> 
       <li>21.10</li> 
       <li>30.00</li> 
       <li>3.99</li><div class="clear"> 
       </div> 
      </ul> 
      <ul> 
       <li>31.10</li> 
       <li>50.00</li> 
       <li>3.50</li><div class="clear"> 
       </div> 
      </ul> 
     </div> 
    </div>

來源

2011-11-20 Infinity

請出示你的HTML。 'deliveryChargeDetail'可能需要一個點或一個'＃' –

ohh ..我忘了添加點：/我嘗試了所有上述statemnets與「deliveryChargeDetail」之前，它仍然沒有工作.. whats是正確的方式來添加類到最後的ul？ – Infinity

請顯示您的HTML –

你幾乎得到了它。你基本上只錯過了選擇器中的.，以告訴jQuery尋找一個類並指定查找ul類型的最後一個元素。

$(".deliveryChargeDetail ul").last().addClass('lastActive');

你也可以用你的線的修改版本：

$(".deliveryChargeDetail ul:last-child").addClass('lastActive');

樣品
http://jsfiddle.net/uh6Z7/3/

來源

2011-11-20 14:13:39 Smamatti

由於您的HTML代碼現在已在問題中可用，因此源代碼已更新。 – Smamatti

我認爲這將有助於。

<!DOCTYPE html> 
<html> 
    <head> 
     <style> 
      li:last-child{color:red;} 
     </style> 
     <script src="jquery-1.4.4.js"></script> 
     <script type="text/javascript"> 

      $("p.two:last-child").css("color","red"); 
      $("p:last-child").css("color","yellow"); 

     </script> 
    </head> 
    <body> 
     <ul> 
      <li>a</li> 
      <li>a</li> 
      <li>a</li> 
      <li>a</li> 
      <li>a</li> 
      <li>a</li> 
      <li>a</li> 
     </ul> 
     <div> 
      <p class="one">a</p> 
      <p class="one">a</p> 
      <p class="two">a</p><p class="two">a</p> 
      <p class="two">a</p><p>a</p> 
      <p>a</p> 
     </div> 
    </body> 
</html>

你將不得不使用$("ul:last-child").addCla.....

來源

2011-11-20 14:29:38

哎呀，不可靠的互聯網連接。錯過了及時編輯 – 2011-11-20 14:30:32

如何添加一個類到div中的最後一個ul？

回答

相關問題