CODEWITHSUNDEEP
javascriptjquery
Ross Goddard
Ross Goddard

Reputation: 4302

jQuery - Find the next element which has a specific child

Lets say I have something like this:

<tr>
<td><input type="text" /></td>
<td>Somevalue</td>
<td><intput type="text /></td>
</tr>

I am in the event handler for a keypress in the first text box. I want to find the next td which has a text box in it if it exists using jQuery.

Upvotes: 5

Views: 7610

Answers (3)

user7741821
user7741821

Reputation: 1

tj111's answer does not work for me. May be that is because of newer version of jQuery. I came up with this:

var next = $(this).parent().nextAll().has("input[type='text']").first();

Upvotes: 0

exbios
exbios

Reputation: 49

I don't know what is your selector, but if you need to select all inputs (type text). You can try this.

$(function(){ 

    $(':input').each(function(){
        $(this).keypress(function(){
          $(this).next('input[type=text]').val('I\'m the next');
     }) // end of keypress
    }) // enf of each
}) // End of function

So, do not matter where you put more inputs, you can always take them.

Upvotes: -1

TJ L
TJ L

Reputation: 24452

Something like this should work (assuming this is the input).

var next = $(this).parent().next("td > input[type='text']");

Upvotes: 6

Related Questions