Finding closet div (in next column of a table) using jquery

Question

     <td><input type="text" name="username" id="username" minlen=5 tabindex=0/></td>
     <td><div></div></td>

And i tryed

    $("#username").next("div").html("hai");

Which is not working

score 1 · Accepted Answer · answered Jul 04 '12 at 05:54

1

You should write:

$("#username").closest("td").next().find("div").html("hai");

answered Jul 04 '12 at 05:54

Sang Suantak

check this http://stackoverflow.com/questions/17466981/jquery-closest-not-working – Ajit Bhandari May 16 '16 at 14:23

score 1 · Answer 2 · answered Jul 04 '12 at 05:55

1

 $("#username")
.parent()//td
.next()// next td
.find('div')//got the div, if you want the first use div:first
.html("hai");

answered Jul 04 '12 at 05:55

score 0 · Answer 3 · answered Jul 04 '12 at 05:53

0

Use $("#username").nextAll('div').first().html('hai')

answered Jul 04 '12 at 05:53

Novak

Did you check the fiddle I used? make sure you are using this after DOM is loaded. – Novak Jul 04 '12 at 06:18

score 0 · Answer 4 · answered Jul 04 '12 at 05:59

I don't know why you need to add div in td. If you just want to populate next column of the same row use:

$(this).closest('tr').find('td:eq(1)').html("hai");

if you need to put "hai" in then just update the html as in

$(this).closest('tr').find('td:eq(1)').html("<div>hai</div>");

4 Answers4