Javascript Datatable搜索单击的元素

我使用datatable作为表

$('#tableid').dataTable({
  "aLengthMenu": [
    [2, 5, 7, -1],
    [2, 5, 7, "All"]
  ],
  "iDisplayLength": 5
});

如果单击任何div元素，我希望在datatable中搜索div元素的值

<div id="search>
  <a href="">this</a>
</div>

对datatable使用search（）函数手动搜索

<script>
        var table = $('#tableid').dataTable({
          "aLengthMenu": [
            [2, 5, 7, -1],
            [2, 5, 7, "All"]
          ],
          "iDisplayLength": 5
        });

$(document).on('click','#search',function(e)
    {
        e.preventDefault();
        var search =$('#search').text();
        table.search(search).draw();
    }   
</script>

     <div id="search>

     </div>

var table=$（'#tableid'）.dataTable({
“阿伦哲努”：[
[2, 5, 7, -1],
[2,5,7，“全部”]
],
“iDisplayLength”：5
});
$（文档）.on（'单击'，'搜索'），函数（e）
{
e、 预防默认值（）；
var search=$（'#search'）.text（）；
table.search（search.draw（）；
}   
对datatable使用search（）函数手动搜索

<script>
        var table = $('#tableid').dataTable({
          "aLengthMenu": [
            [2, 5, 7, -1],
            [2, 5, 7, "All"]
          ],
          "iDisplayLength": 5
        });

$(document).on('click','#search',function(e)
    {
        e.preventDefault();
        var search =$('#search').text();
        table.search(search).draw();
    }   
</script>

     <div id="search>

     </div>


var table=$（'#tableid'）.dataTable({
“阿伦哲努”：[
[2, 5, 7, -1],
[2,5,7，“全部”]
],
“iDisplayLength”：5
});
$（文档）.on（'单击'，'搜索'），函数（e）
{
e、 预防默认值（）；
var search=$（'#search'）.text（）；
table.search（search.draw（）；
}   

$（文档）.ready（函数（）{
var table=$（'#示例'）.DataTable（{//or.DataTable（{对于1.10以下的版本）
“阿伦哲努”：[
[2, 5, 7, -1],
[2,5,7，“全部”]
],
“iDisplayLength”：5
});
//将click事件绑定到body而不是所需的元素上更有效
//如果要在更多div上使用选择器，可以使用类名
$（'.search'）。单击（函数（e）
{
e、 预防默认值（）；
//您需要修剪给定值，因为它可能包含空格字符，这可能导致错误筛选
var search=$.trim（$（this.text（））；
table.search（search.draw（）；
});
});

$（文档）.ready（函数（）{
var table=$（'#示例'）.DataTable（{//or.DataTable（{对于1.10以下的版本）
“阿伦哲努”：[
[2, 5, 7, -1],
[2,5,7，“全部”]
],
“iDisplayLength”：5
});
//将click事件绑定到body而不是所需的元素上更有效
//如果要在更多div上使用选择器，可以使用类名
$（'.search'）。单击（函数（e）
{
e、 预防默认值（）；
//您需要修剪给定值，因为它可能包含空格字符，这可能导致错误筛选
var search=$.trim（$（this.text（））；
table.search（search.draw（）；
});
});
您正在使用的datatables版本是什么？version1.10.12是什么。@palaѕѕѕ您正在使用的datatables版本是什么？version1.10.12是什么。@palaѕѕѕ剀剀Steve，因为您已经用
dataTable（）
初始化了，所以请改用
dataTable（）
-如果您需要jQuery对象，可以使用
table.api（）.search（）
..@davidkonrad如何使其适用于动态文本。
@Steve，因为您已使用
dataTable（）
初始化，请改用
dataTable（）
如果您需要jQuery对象，可以使用
table.api（）.search（）
..@davidkonrad如何使其适用于动态文本。

<script type="text/javascript">
    $(document).ready(function() {
        var table = $('#example').DataTable({// or .dataTable({ for version under 1.10
            "aLengthMenu": [
                [2, 5, 7, -1],
                [2, 5, 7, "All"]
            ],
            "iDisplayLength": 5
        });
        // it is more efficient to bind the click event not on body rather only on the needed elements
        // you can use class name for selector if you want to use it on more divs
        $('.search').click(function(e)
        {
            e.preventDefault();
            // you need to trim the given value because it can contain whitespace characters which can result false filtering
            var search = $.trim($(this).text());
            table.search(search).draw();
        });
    });
</script>
<div class="search">
  <a href="#">this</a>
</div>
<div class="search">
    <a href="#">that</a>
</div>