Получение неизвестного дочернего div от родителя?

Question

<script type="text/javascript"> 
$(".inventory-notes").bind("click", function() { 
    if($(this).text().length > 0) { 
     alert($(this).text()); 
     alert($(this).closest(".inventory-notes").children().text()); 
    } 
}); 
</script> 

Пример таблицы

<table id="inventory" class="table"> 
    <thead> 
     <tr> 
      <th>Item</th> 
      <th>Value</th> 
      <th>Usage</th> 
      <th>Notes</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr class="items"> 
      <td>Hatchet</td> 
      <td>24,000 Gold</td> 
      <td>Woodcutting</td> 
      <td><div class="inventory-notes"><div id="299"><img src="addnotes.png"></div></div></td> 
     </tr> 
    </tbody> 
</table> 

Как я могу получить значение 299 от ребенка DIV в inventory-notes? В таблице действительно содержится не менее 1000 строк элементов, каждый из которых содержит случайный идентификатор.

Я использую JQuery 1.6.2, так что я не могу использовать .on() function.

Answer 1

Поскольку вы используете JQuery 1.6.2, я хотел бы использовать .delegate:

$("#inventory").delegate(".inventory-notes", "click", function(){ 
    var id = $(this).find("div").prop("id"); 
}); 

Поскольку вы собираетесь имеют более 1000 строк, вы не хотите привязывать событие к фактическим строкам, в результате чего более 1000+ обработчиков.