jquery - 上記の要素 ID を取得

Question

<textarea name="message" id="message" class="box_1"></textarea>
<div class="buttons">
  <img src="smileys/smile.gif" title=":)" />
</div>

画像がクリックされたときにテキストエリアのIDを取得する方法は? ページには複数の .button とスマイリー (および複数のテキストエリア) があります。

Answer 1

jQuery 1.7+を使用している場合は、次の.on()メソッドでこれを行うことができます。

$('div.buttons').on('click', 'img', function () {
    var id = $(this).parent().prev('textarea').prop('id');
    // doSomething with the id
});

ただし、コンテンツを動的にロードしない場合は、を直接バインドしても大した問題にはなりませんimg。click()