Reuben
Reuben

Reputation: 2751

jQuery each: If element is first-child else

So I'm trying to run an each loop in jQuery that has an if statement to determine if the element it's on is the first-child of it's parent and also have the else statement following (this seems to be the difficult part) to have other code run for those.

Everything I've tried and found only seems to work without the if and else..

Any thoughts?

Upvotes: 1

Views: 6456

Answers (2)

jwatts1980
jwatts1980

Reputation: 7356

Given the following example:

<table>
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>

there are a couple of ways to do it

$("table tr td:first-child").each(function() {
    //perform actions on all of the first TD elements
});
$("table tr td:not(:first-child)").each(function() {
    //perform actions on all of the other TD elements
});

Or

$("table tr td").each(function() {
    var td = $(this);
    if (td.is(":first-child")) {
        //perform actions on all of the first TD elements
    }
    else {
        //perform actions on all of the other TD elements
    }
});

Upvotes: 5

adeneo
adeneo

Reputation: 318212

It can't be that difficult ?

$('.elements').each(function(index, elem) {
     if ( $(elem).is(':first-child') ) {
         // it's a baby
     }else{
         // it's something else
     }
});

FIDDLE

Upvotes: 2

Related Questions