jQuery closest () и / или find () не работает с динамическими данными

Question

У меня есть идея, что closest() и find() не работают с динамическим datatable.Я пытаюсь получить ID в первом <td> элементе в той же строке, но он продолжает возвращаться пустым.

var idOfTheProperty = $(this).closest('tr').find('td:first').text(); 

<tr>
  <td><span>999</span</td>
  <td>somewhere.com/idOfTheProperty</td>
<tr>

Здесь создается datatable:

<div class="kt-datatable" id="json_data"></div>

Есть идеи, как изменить мой код jQuery, чтобы он работал?

Answer 1

Можете ли вы попробовать это?

$(document).on("click","#json_data tbody tr, #json_data tbody tr td",function(){
   var idOfTheProperty = $(this).closest('tr').find('td:first').text();
   console.log(idOfTheProperty);
})

Для загрузки вы можете попробовать это

$(document).ready(function(){

   $("#reportsSentList").find("tbody tr").each(function(key,value){
      var idOfTheProperty = 
$(value).closest('tr').find('td:first').text();
      console.log(idOfTheProperty);
   });

})