如何添加一个类到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>
你几乎得到了它。你基本上只错过了选择器中的.
,以告诉jQuery寻找一个类并指定查找ul
类型的最后一个元素。
$(".deliveryChargeDetail ul").last().addClass('lastActive');
你也可以用你的线的修改版本:
$(".deliveryChargeDetail ul:last-child").addClass('lastActive');
由于您的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:30:32
请出示你的HTML。 'deliveryChargeDetail'可能需要一个点或一个'#' –
ohh ..我忘了添加点:/我尝试了所有上述statemnets与“deliveryChargeDetail”之前,它仍然没有工作.. whats是正确的方式来添加类到最后的ul? – Infinity
请显示您的HTML –