Javascript 使用jquery搜索表行，无需用户单击

我试图搜索一个表，只显示与输入匹配的结果

下面的脚本正在工作但是我需要它只在第一列中“搜索”，并且不需要用户单击输入，而是在页面加载时获取默认值=“搜索”。我试过用val，但没用。还尝试用td etc更换tr，但它开始出现故障

以下是我到目前为止所做的->

这是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();
        });
    });

});

试一试

演示：

如果要继续使用占位符，则

$(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();

});

---

演示：

哇！谢谢你，阿伦！第二个脚本是我需要的！谢谢你的帮助和时间！：）

$(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();

});

$(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();

});