由數據表中搜索一下[動態創建的元素

Question

我想通過點擊帶（.search類）

@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 

我與ID搜索功能表，以搜索在數據表樂隊。即#featured

$(document).on('click','.search', function(e) { 
    e.preventDefault(); 
    var search = $(this).val(); 
    #featured.search(search).draw(); 
}); 

但是，當我點擊任何帶我得到MethodNotAllowed例外。

Answer 1

您的邏輯並不完全正確。您需要在DataTable本身上調用search()，而不是在jQuery對象（或原始示例中的字符串）上。然後搜索詞的值來自.search div中的a元素的文本。試試這個：

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

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