Targetting a variable and then using CSS Selectors

Question

I have a variable $obj which has $(".major_data .commitment_box .commitment") as its value. No I want to use some CSS Selectors on $obj. How can I use them?

Selectors I want to use: :not(:last-child).

My Code:

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();

Result:
Demonstration

My Question:
I want to target the :not(:last-child) of the $obj. I know I can do that by simply writing that whole big value of $obj but is that possible only using the variable $obj?

Thanks in advance.

@ebramtharwat just saw it! can you solve it? please tell me? — Mohammad Areeb Siddiqui
– Mohammad Areeb Siddiqui, Commented Jul 14, 2013 at 9:55
the error is here if () $obj.first().insertAfter($obj.last());, do u see the empty () after if ? what's yr condition — ebram khalil
– ebram khalil, Commented Jul 14, 2013 at 9:57

slash197 · Accepted Answer · 2013-07-14 09:52:12Z

2

$obj.find(':not(:last-child)') should work

answered Jul 14, 2013 at 9:52

slash197

9,0246 gold badges44 silver badges71 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Pratheep · Accepted Answer · 2013-07-14 18:31:12Z

1

$obj.not(':last') should be your target.

But I don't understand your if statement.

answered Jul 14, 2013 at 18:31

Pratheep

1,0861 gold badge9 silver badges18 bronze badges

Collectives™ on Stack Overflow

Targetting a variable and then using CSS Selectors

My Code:

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

My Code:

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related