可点击的jquery表行

时间:2016-06-29 07:43:40

标签: javascript jquery html handlebars.js

我在页面上生成一个表格,如下所示:

<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表数据的值。 但是它一直给我未定义,我无法弄清楚如何从选定的表行和名称表数据对象中获取数据。

2 个答案:

答案 0 :(得分:1)

  

.html()是一个不属性的方法,因此您必须通过括号[()]

来调用它

更改

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

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

如果您想获得text的{​​{1}},请改用.text()

答案 1 :(得分:1)

它不是a = re.compile('foo:([^ ]+)') 而是.html

.html()