javascript - 过滤表 Jquery 的第一列

标签 javascript jquery html filter

我正在尝试使用 Jquery 为 HTML 表构建一个选择过滤器,并且我只想过滤该表的第一列,到目前为止我已经有了这个函数:

$('#select').change(function() {
    var rows = $("#tablebody_hosts").find("tr").hide();
    var data = this.value.split(" ");
    $.each(data, function(i, v) {
        rows.filter(":contains(" + v + ")").show();
    })
});

如何使其仅搜索表格第一列中的数据?

最佳答案

试试这个:

rows.filter(function () {
    return $(this).children(':eq(0)').text().indexOf(v) !== -1;
}).show();

而不是:

rows.filter(":contains(" + v + ")").show();

文档:http://api.jquery.com/eq-selector/ .

关于javascript - 过滤表 Jquery 的第一列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20271858/

相关文章:

javascript - jQuery 表单插件 - iframe 问题

javascript - 每次在选项之间切换时如何清除基于其他选项的列表?

jquery - 添加点击悬停事件

javascript - <input> 元素上的 jQuery Change 事件 - 有什么方法可以保留以前的值?

javascript - HTML 标签属性和 jquery 中的驼峰式大小写 - 不起作用,为什么?

javascript - HTML 选择元素不会在 THREE.js 场景顶部下拉

javascript - types.json 中的 globalDependency 和 globalDevDependency 有什么区别?

javascript - 单独定位 div 元素

javascript - 如何在 AngularJS 中提交后重置表单

html - Flexbox:<a> 包装器具有原始 <img> 宽度,未调整大小