javascript - 如何在模态 Bootstrap 中单击行表？

Question

我在表中绑定(bind)了数据并在模式 Bootstrap 中显示它们。 我想使用单击或双击获取行表的数据，但它不起作用

   <div class="modal-body">
                <table id="table_search" class="table table-hover">
                    <thead>
                        <tr>
                            <td>CCA</td>
                            <td>Name</td>
                        </tr>
                    </thead>
                    <tbody>  
                    </tbody>
                </table>
            </div>

我使用jquery如下

 $('#table_search > tbody > tr').click(function () {
            alert( $(this).val());
        });

        $('#table_search > tbody > tr').dblclick(function () {
            alert($(this).val());
        });

但是它不起作用。

Answer 1

我认为您应该在此处使用事件委托(delegate)或附加事件 当显示模态时。另外 tr 没有您想要的文本值

$(document).on('click dblclick', '#table_search > tbody > tr', function (e) {
   alert($(this).text());
});