Question

我有一个变量$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

我的问题：
我想定位:not(:last-child)的{{1}}。我知道我可以通过简单地写出$obj的全部重要值来做到这一点，但是使用变量 $obj只能吗？

提前致谢。

Answer 1

$obj.find(':not(:last-child)')应该有效

Answer 2

$obj.not(':last')应该是你的目标。

但我不理解你的if陈述。

定位变量然后使用CSS选择器

我的代码：

2 个答案: