如何添加一个类到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？

回答

相关问题