相关疑难解决方法(0)

使用最后一个子选择器

我的目标是在最后应用CSS li,但它没有这样做.

#refundReasonMenu #nav li:last-child {
    border-bottom: 1px solid #b5b5b5;
}
Run Code Online (Sandbox Code Playgroud)
<div id="refundReasonMenu">
    	<ul id="nav">
    		<li><a id="abc" href="#">abcde</a></li>
    		<li><a id="def" href="#">xyz</a></li>
    	</ul>
    </div>
Run Code Online (Sandbox Code Playgroud)

如何选择只有最后一个孩子?

css css-selectors

106
推荐指数
5
解决办法
19万
查看次数

选择div的最后一个子元素而不循环

这是一个快速的.我正在努力为jquery编写选择器,因为我似乎过于依赖循环来完成任务.

在这个特定的例子中,我想添加"Absolute"类,除了父ganntview-blocks div中的最后一个之外,所有具有ganttview-block-container类的div.

HTML:

<div class='ganttview-blocks'>    
 <div class='ganttview-block-container'></div>
 <div class='ganttview-block-container'></div>
 <div class='ganttview-block-container'></div>    
</div>

<div class='ganttview-blocks'>    
 <div class='ganttview-block-container'></div>
 <div class='ganttview-block-container'></div>
 <div class='ganttview-block-container'></div> 
</div>
Run Code Online (Sandbox Code Playgroud)

使用Javascript:

$("div.ganttview-block-container").addClass("Absolute").addClass("Opacity");

$($("div.ganttview-blocks")).each(function () {
  var thisDiv = $(this);
  thisDiv.children("div.ganttview-block-container:last").removeClass("Absolute");    
});
Run Code Online (Sandbox Code Playgroud)

我的javascript/jquery正确地完成了这个目标,但它看起来效率很低.我相信有更优雅的方式来完成这项工作......甚至可能在一行中.

有人可以帮忙吗?谢谢!

javascript jquery

2
推荐指数
1
解决办法
447
查看次数

标签 统计

css ×1

css-selectors ×1

javascript ×1

jquery ×1