Установите onclick для childnodes jquery или javascript

Question

Привет, я хочу установить onclick для каждой строки таблицы в jquery, но я понятия не имею, с чего начать, и я сосать в поиске, поэтому я надеялся получить помощь здесь. Я попытался это

var tableRows = $("tableID").children(); 
console.log(tableRows); 

Но console.log (tableRows) возвращает только Prev объект r.fn.init [0], так что я предполагаю, что у меня нет ничего, чтобы работать с от этого. Как я могу получить tableRows в массиве и запустить через них цикл for?

Answer 1

Попробуйте это:

$('document').ready(function() { 
 
    var tableRows = $("#tableID td"); 
 
    tableRows.on('click', function(e) { 
 
    console.log('%s %s %s', e.target.tagName, e.target.innerHTML, "clicked"); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<table id="tableID"> 
 
    <tr> 
 
    <td>Row1</td> 
 
    </tr> 
 
    <tr> 
 
    <td>Row2</td> 
 
    </tr> 
 
</table>