如何实现每个表搜索在PHP

Question

比如我有两个表

<div id="fortablea"> 
<input type="text"> 
<table id="tablea"> 
    <tr> 
    <td> 
    </td> 
    </tr> 
</table> 
</div> 

<div id="fortableb"> 
<input type="text"> 
<table id="tableb"> 
    <tr> 
    <td> 
    </td> 
    </tr> 
</table> 
</div> 

两者都有自己的输入文本的酒吧在各自的div。

我想留在同一页面上，如果我在表格a的输入中键入任何内容，那么只有其内容应该改变其余所有其他表格不受影响。每个表的

内容从两个功能

function tableA($name); 
function tableB($name2); 

有没有通过jQuery来做到这一点任何可能的方式来吗？

Answer 1

你可以做一些名称约定并添加一些css类。例如。与HTML：

<div id="fortablea" class="autoSearch"> 
<input type="text"> 
<table id="tablea"> 
    <tr> 
    <td> 
    </td> 
    </tr> 
</table> 
</div> 

<div id="fortableb" class="autoSearch"> 
<input type="text"> 
<table id="tableb"> 
    <tr> 
    <td> 
    </td> 
    </tr> 
</table> 
</div> 

和jQuery

var tableSearchers = { 
    fortablea: function(keyword){...}, //equals id of table (name convention) 
    fortableb: function(keyword){...}//equals id of table (name convention) 
} 

并且在一些$(document).ready(function(){...});

$(document).on('keyup', '.autoSearch input', function(){ 
    tableSearchers[$(this).parents('.autoSearch:first').attr('id')]($(this).text()); 
}); 

这当然可以延伸到相同的结构的多个表。同样在实际应用中，您可能希望在触发该功能之前插入一些延迟（并等待更多输入）

即使我确信有比这更干净的解决方案。