CODEWITHSUNDEEP
jquerycss-selectors
Bob_Kruger
Bob_Kruger

Reputation: 125

jQuery selector for every row except the first on every table except first

I want to apply right alignment on the last cell of every table row, skipping the first table on the page and skipping the first row of every table.

I wrote the following:

$("table:gt(0) tr:gt(0) td:last-child").css("text-align", "right");
  1. The tables after the first are selected. GOOD.
  2. The last cell in each row is aligned right. GOOD.
  3. The first row in the first table in the result set is skipped. GOOD.
  4. Each first row in subsequent tables in the result set has the style applied. BAD.

I've tried passing a function to the "each" method on the wrapped set, but that isn't working. Any ideas?

Upvotes: 3

Views: 13673

Answers (5)

Tom Hubbard
Tom Hubbard

Reputation: 16119

There is probably a better way, but one idea may be to add a class to the first row of each table that you do not want to have the style and filter those out with a not(.myclass).

Likewise add classes to the tables that you do want the styles to go to.

Upvotes: 0

ScottE
ScottE

Reputation: 21630

You were almost there.

$("table:gt(0)").find("tr:gt(0) td:last-child").css("text-align", "right");

otherwise, tr:gt(0) is always true because jquery is looking at each tr, not each tr in each table.

Upvotes: 14

cobbal
cobbal

Reputation: 70703

try

$("table:gt(0) tr:not(:first-child) td:last-child").css("text-align", "right");

as the gt(0) only refers to the index in the jQuery object that you're building, not the table.

Upvotes: 2

GSto
GSto

Reputation: 42350

$("table:gt(0) tr").each(){
     if($(this).not(":first-child")){
           $(this).find("td:last-child").css("text-align","right");
     }
}

not the best way probably, but this is how I would do it.

Upvotes: 1

ryansstack
ryansstack

Reputation: 1476

what's wrong with using the DOM to select your tables, and using jQuery to apply your styles to the tables? too many lines of code?

Upvotes: 1

Related Questions