我正在尝试搜索表格并仅显示与输入匹配的结果。
下面的脚本可以工作但是我需要它只在第一列中“搜索”并且不需要用户点击输入就可以做到这一点,但是在页面加载。我试过使用 val 但它不起作用。还尝试用 td 等更改 tr 但它开始出现故障。
这是 -> JsFiddle 到目前为止我所做的一切。
这是jquery。
$(document).ready(function () {
$("#searchee").on('click', function() {
var rows = $("#table").find("tr").hide();
var data = this.value.split(" ");
$.each(data, function(i, v) {
rows.filter(":contains('" + v + "')").show();
});
});
});
最佳答案
尝试
<input id="searchee" value="11 6.5 5">
和
$(document).ready(function () {
$("#searchee").keyup(function() {
var rows = $("#table").find("tr").hide();
var data = this.value.split(" ");
$.each(data, function(i, v) {
rows.has("td:first-child:contains('" + v + "')").show();
});
}).keyup();
});
演示:Fiddle
如果你想继续使用占位符那么
$(document).ready(function () {
$("#searchee").keyup(function() {
var rows = $("#table").find("tr").hide();
var value = this.value.length == 0 ? $(this).attr('placeholder') : this.value;
var data = value.split(" ");
$.each(data, function(i, v) {
rows.has("td:first-child:contains('" + v + "')").show();
});
}).keyup();
});
演示:Fiddle
关于javascript - 无需用户单击即可使用 jquery 搜索表行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19030472/