[英]Targetting a variable and then using CSS Selectors
我有一个变量$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();
结果:
示范
我的问题:
我想定位$obj
的:not(:last-child)
。 我知道我可以通过简单地写入$obj
整个大值来做到这一点,但是仅使用变量 $obj
吗?
提前致谢。
$obj.find(':not(:last-child)')
应该可以工作
$obj.not(':last')
应该是您的目标。
但是我不明白你的if
陈述。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.