クリックした要素などはその関数の中では”this”として扱うことができます。
では、そのクリックした要素の子要素、次の要素などを指定するにはどうすればいいか？
そういう場合は、”,(カンマ)”を使い以下のようにします。
|
1 2 3 |
$('#hoge').click(function(){ $("+dd", this).css("color", "red"); }); |
この様に $(“セレクタ”, this)とすることで、thisを使ったセレクタ処理を
行うことができます。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
<title>bind()</title> $(function(){ $('.click').click(function(){ $('+td', this).css("background", "orange"); }); }); <table border="1"> <tr> <td class="click">one</td> <td class="click">two</td> <td>three</td> </tr> <tr> <td class="click">ichi</td> <td class="click">ni</td> <td>san</td> </tr> </table> |
/
