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

Question

我试图通过点击乐队（[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异常。

Answer 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();   
});