jquery - jqueryを使用してクローゼットdiv（テーブルの次の列）を見つける

Question

jqueryを使用してクローゼットdiv（テーブルの次の列）を見つける

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

そして、私は試しました

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

機能していないもの

Answer 1

あなたは書くべきです：

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

Answer 2

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

フィドル

Answer 3

使用する$("#username").nextAll('div').first().html('hai')

http://jsfiddle.net/gmDRM/91/

Answer 4

td に div を追加する必要がある理由がわかりません。同じ行の次の列に入力したいだけの場合は、次を使用します。

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

「hai」を入れる必要がある場合は、次のようにhtmlを更新してください

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