Кликабельные JQuery строки таблицы

Question

сгенерировать таблицу на странице так:

<table id="documents" class="table-striped"> 
    <thead> 
    <tr> 
     <th>File Name::</th> 
     <th>Date Uploaded</th> 
    </tr> 
    </thead> 
    {{#each Documents}} 
     <tr id="{{Name}}"> 
      <td id="name" name="name">{{Name}}</td> 
      <td id="date" name="date">{{Date}}</td> 
     </tr> 
    {{/each}} 
</table> 

с помощью рулей А с помощью JQuery я сделать строки таблицы интерактивными следующим образом:

$(function(){ 
     $("#documents tr").click(function() { 
      var name = $(this).find('td:eq(0)').html; 
      alert(name); 
     }); 
}); 

И им пытаются отобразите значение из данных таблицы #name. Однако он продолжает давать мне неопределенные данные, и я не могу понять, как получить данные из выбранной строки таблицы и объекта данных таблицы имен.

Answer 1

.html() является метод не свойство, следовательно, вы должны ссылаться на него, имея скобка [()]

Изменить

var name = $(this).find('td:eq(0)').html; 

в

var name = $(this).find('td:eq(0)').html(); 

Но, если вы хотеть получите text из element, вместо этого используйте .text().

Answer 2

Это не .html но .html()

$(function(){ 
    $("#documents tr").click(function() { 
     var name = $(this).find('td:eq(0)').html(); 
     alert(name); 
    }); 
});