jQuery Selecting Checkbox In Specific Row

Question

I have a table in which I need to get the input type checkbox element from a specific row. I tried selecting it like so (let's say I am interested in the first row)

$('tr :nth-child(1):checkbox')

yet I get ALL inputs from the table , not just from the row I need . Any thoughts what I'm doing wrong ?

Julien Royer · Accepted Answer · 2012-11-07 15:49:40Z

1

Your selector is wrong. Try this:

$('tr:nth-child(1) :checkbox')

The pseudo-class nth-child must apply to the selector tr.

edited Nov 7, 2012 at 15:49

answered Nov 7, 2012 at 14:51

Julien Royer

1,4291 gold badge14 silver badges28 bronze badges

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

Comments

skobaljic · Accepted Answer · 2012-11-07 14:59:14Z

0

Simple:

$('tr').eq(0).find(':checkbox').doSomething();

for example (zero-based).

Your code is wrong because you have space after tr and that means next selector is in child tree below table-row. Pseudo-selectors must be right after element they apply to, without the space, $('input:checkbox') for example.

answered Nov 7, 2012 at 14:59

skobaljic

9,6841 gold badge29 silver badges52 bronze badges

Comments

pmandell · Accepted Answer · 2012-11-07 14:49:16Z

0

Check out the use of .eq().

jQuery .eq()

$('tr').eq(0) //selects first tr

answered Nov 7, 2012 at 14:49

pmandell

4,31820 silver badges21 bronze badges

Collectives™ on Stack Overflow

jQuery Selecting Checkbox In Specific Row

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related