jquery从表中搜索列表名称[重复]

Question

我想通过this link进行搜索 但我有multiple row 可以在td 值中搜索，那么我如何添加来自所有td 的数据进行搜索？ 谢谢！

$("#search").on("keyup", function() {
    var value = $(this).val();

    $("table tr").each(function(index) {
        if (index !== 0) {

            $row = $(this);

            var id = $row.find("td:first").text();

            if (id.indexOf(value) !== 0) {
                $row.hide();
            }
            else {
                $row.show();
            }
        }
    });
});

Answer 1

这里是link

新的jquery：

$("#search").on("keyup", function() {
    var value = $(this).val();

    $("table tr").each(function(index) {
        if (index !== 0) {

            $row = $(this);

           $row.find("td").each(function(){
               var id =$(this).text();

            if (id.indexOf(value) !== 0) {
                $row.hide();
            }
            else {
                $row.show();
            }
           });
        }
    });
});

Answer 2

您可以使用filter() 在当前行中查找与文本匹配的td 元素。试试这个：

var $row = $(this);
var tdMatches = $('td', $row).filter(function() {
    return $(this).text().indexOf(value) != -1;
}).length;
tdMatches == 0 ? $row.hide() : $row.show()

Updated fiddle

Answer 3

试试

$("#search").on("keyup", function () {
    var value = this.value.trim();
    if (value) {
        var data = $("table tr td").filter(function () {
            return value == $(this).text();
        }).parent();
        $("table tr:gt(0)").hide();
        data.show();
    } else {
        $("table tr").show();  // all data show if the value is 0 If you want do or remove that
    }
});

DEMO