通过单击动态创建的元素搜索数据表

时间:2016-11-11 12:45:44

标签: jquery datatables

我试图通过点击乐队([package] name = "test" version = "0.1.0" authors = ["<-- omitted -->"] [dependencies] libc = "0.2.17" 类)来搜索数据表中的乐队

.search

我正在用id推荐的表格中搜索。即@foreach($bands as $band) <tr> <td class="bg-info"> <div class="search"><a href="">{{$band->name}}</a></div> </td> <td class="bg-info"> <b>{{$band->views}}</b> </td> </tr> @endforeach

#featured

但是,当我点击任何乐队时,我得到了MethodNotAllowed异常。

1 个答案:

答案 0 :(得分:1)

你实现这一目标的逻辑并不是很正确。您需要在DataTable本身上调用search(),而不是在jQuery对象(或原始示例中的字符串)上调用。然后,搜索词的值来自a div中.search元素的文本。试试这个:

var dt = $('#yourTable').DataTable();

$(document).on('click', '.search a', function(e) {
    e.preventDefault();
    dt.search($(this).text().trim()).draw();   
});