我有一个变量作为$obj
它$(".major_data .commitment_box .commitment")
的值。不,我想在$obj
. 我该如何使用它们?
我想使用的选择器::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();
结果:
演示
我的问题:
我想:not(:last-child)
针对$obj
. 我知道我可以通过简单地写出整个大值来做到这一点,但只有使用变量$obj
才有可能吗? $obj
提前致谢。