我有一个变量 $obj
,其值是 $(".major_data .commitment_box .commitment")
。不,我想在 $obj
上使用一些 CSS 选择器。我该如何使用它们?
我想使用的选择器::not(:last-child)
。
我的代码:
HTML:
<div class="major_data">
<div class="commitment_box">
<div class="commitment">
<p>Alex:</p>
<p>He's works great.</p>
</div>
<div class="commitment">
<p>Alex 1:</p>
<p>He's works great.</p>
</div>
<div class="commitment">
<p>Alex 2:</p>
<p>He's works great.</p>
</div>
<div class="commitment">
<p>Alex 3:</p>
<p>He's works great.</p>
</div>
<div class="commitment">
<p>Alex 4:</p>
<p>He's works great.</p>
</div>
</div>
</div>
CSS:
.major_data .commitment_box {
text-align: center;
height: 40px;
overflow: hidden;
}
.major_data .commitment_box .commitment p {
display: inline-block;
}
.major_data .commitment_box .commitment p:first-child {
font-weight: bold;
margin-right: 20px;
}
JS:
function tick() {
var $obj = $(".major_data .commitment_box .commitment");
$obj.first().delay(1000).fadeOut(function () {
$obj.first().insertAfter($obj.last());
tick();
});
}
tick();
结果:
Demonstration
我的问题:
我想定位 $obj
的 :not(:last-child)
。我知道我可以通过简单地编写 $obj
的整个大值来做到这一点,但是这可能仅使用变量 $obj
?
提前致谢。
最佳答案
$obj.find(':not(:last-child)')
应该可以工作
关于javascript - 定位变量然后使用 CSS 选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17638277/