要素のグループを識別するために使用できる共通点を持たせるのが最善です。私が今思いつくことができる2つの方法があります:
通常のクラスの後に各要素に同じクラスを与えます。たとえば、class="checkBox1 one"
チェックボックスやclass="textArea one"
テキスト領域などです。
それらを同じ容器に入れます。この場合は a<div>
が最適です。
私が好む2番目のものを使用すると、それらのすべてに適用されるイベントを簡単に作成できます。
HTML:
<div id="container1" class="container">
<input class="checkBox1" type="checkbox"/>
<input class="checkBox2" type="checkbox"/>
<input type="textarea"/>
</div>
jQuery:
$('.container *').click(function(){
alert('clicking on an element inside ' + $(this).parent().attr('id'));
});
その結果、「container1 内の要素をクリックする」ことになります。
<textarea>
他の例は、チェックボックスがクリックされたときに空にしたい場合です:
$('.container checkbox').click(function(){
$(this).siblings('textarea').val("");
});