jQuery onClick tr

242

02 марта 2018, 16:11

Есть таблица, в которой строки содержат класс "selectable"

<tr class="selectable">
 <td></td>
 <td></td>
</tr>

Почему этот обработчик срабатывает при нажатии на строки содержащие класс

$(document).on('click', '.selectable', function(){
 alert('123');
});

А этот не срабатывает?

$('.selectable').on('click', function(){
 alert('123');
});

Answer 1

Если честно, не ковырялся, не искал причины такого поведения, но чисто случайно, методом тыка, как-то давно выяснил, что без <table> теги <tr><td></td><td></td></tr> JS-ом или JQ не определяюся

$('.selectable').on('click', function() { 
  alert('123'); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<table> 
  <tr class="selectable"> 
    <td>tttttttttt</td> 
    <td>tttttttttttt</td> 
  </tr> 
</table>