javascript - 如何使用 jquery 或 javascript 搜索表中的多列

标签 javascript php jquery html

我有一个搜索框,如下所示:

<input type="text" class="form-control" onkeyup="myFunction()" id="myInput"/>

我有一个 id="show_member"的表,其中包含不同的列。 我编写了如下代码,每当我在搜索框中输入内容(上面的输入)时,我想搜索所有列 代码有什么问题以及如何修复它? 它不仅不显示相关列,而且当我删除搜索框中的所有字母时,它也不会被删除。

    function myFunction(){
var input = document.getElementById("myInput");
//alert(input.value);
var iv = input.value;
var rows = $('table tr').hide().filter(":contains(".'iv'.")").show();
}

感谢您提前提供的帮助

最佳答案

使用+表示string operators JavaScript 中的(连接)

$('table tr').hide().filter(":contains(" + iv +")").show();

而不是

$('table tr').hide().filter(":contains(".'iv'.")").show()

关于javascript - 如何使用 jquery 或 javascript 搜索表中的多列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44654669/

相关文章:

javascript - 多槽嵌入是否适用于 Angular 2 组件?

javascript - 动态循环 Pug 变量

javascript - 如何使用javascript显示图像

php - 每二十四小时自动更新一次mysql表

php - 如果目录不存在则根据字符串创建一个目录?

javascript - 如何等待(追加)完成然后显示结果 javascript/jquery

javascript - 如何使用 jQuery 将有限的值插入到 html 表的每一行中

php - 如何将excel数据文件导入mysql数据库?

javascript - 使用 jQuery/JavaScript 做出答案后删除文本

c# - jQuery:在 jquery ajax json 调用中返回字符串响应