How can I select specific nested element with Jquery

Question

I have this markup

     <table id="myexample" class="myclass">
     <thead>
     <tr>
     <th><input type="checkbox" value="tableoption1"> Username</th>
     <th> Something </th>
     <th> Something </th>
     <th> Something </th>
     <th> Something </th>
     <th> Something </th>
      <th> Something </th>

     </tr>
     </thead>
     <tbody>
     <tr>
     <td> <input id="user1" type="checkbox" value="tableoption1">  John Smith </a></td>
     <td> Nickname</td>
     <td> Address </td>
     <td> Registerd</td>
     <td>10-10-2014 </td>
     <td>09-11-2014</td>
     <td>03-02-2014</td>
     </tr>
</table>

How can I select with Jquery the input element with id=user1 ?

I have already tried this but doesnt work

 $("#users tbody tr td input").click(function(){ 
      alert ("success");
 });

Any suggestion ?

You have to read this: jqfundamentals.com/chapter/jquery-basics and possibly this: cssbasics.com/introduction-to-css — Karlen Kishmiryan
– Karlen Kishmiryan, Commented Sep 22, 2014 at 15:26
id's are unique so there is no need to think about nesting; just ask for it directly — Alex K.
– Alex K., Commented Sep 22, 2014 at 15:26

Florin Pop · Accepted Answer · 2014-09-22 15:24:37Z

2

This should work:

$('#user1').click(function(){ 
      alert ("success");
 });

answered Sep 22, 2014 at 15:24

Florin Pop

5,1454 gold badges29 silver badges60 bronze badges

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

4 Comments

Florin Pop Over a year ago

If you got an answer please submit it.

kost Over a year ago

@Flopert thanks this worked fine.Is there a way to select all classes starting with user for example to be able to select at once user1,user2 etc etc ?

Florin Pop Over a year ago

If I understood correctly what you want to do, you can just pass another id like this: $('#user1, #user2, #user3')

kost Over a year ago

Yes but if there is a way to declare all classes starting with "user" instead of declaring user1,user2 ?

brso05 · Accepted Answer · 2014-09-22 15:26:19Z

2

$( "#user1" )

Try this I think thats what you are asking.

answered Sep 22, 2014 at 15:26

brso05

13.3k2 gold badges25 silver badges41 bronze badges

Comments

Savrige · Accepted Answer · 2014-09-22 15:28:02Z

1

If you want to control when checkbox is checked:

$('#user1').click(function(){ 
    if($(this).is(":checked")){
        alert("checked!");
    }
});

answered Sep 22, 2014 at 15:28

Savrige

3,8853 gold badges37 silver badges42 bronze badges

2 Comments

kost Over a year ago

thanks @Borachio this also works. Is there a way to select all ids that contain the "user" for example to multiple select user1,user2 user3 etc etc without writing smt like this $('#user1, #user2, #user3') ?

Savrige Over a year ago

In this case, it's better work with classes, like: <input type="checkbox" class=".userChoice"/> and in jquery: $(".userChoice") without hash character. check: jsfiddle.net/pxeLgy6n

Collectives™ on Stack Overflow

How can I select specific nested element with Jquery

3 Answers 3

4 Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related