javascript - 使用 jQuery 遍历表时出现问题

Question

我试图通过让 jQuery 函数运行每一行、检查行的类并基于该类进行隐藏来隐藏表中的元素。我似乎遇到的问题是该函数将检查第一行的类，并根据第一个检查是真还是假来隐藏所有其他检查。下面是函数和表单部分

表格

<select id="select" onchange="eligibility_changed(this);" class="fieldsel">

     <option value="Select One:">Select One:</option>
     <option value=".ineligible">Ineligible</option>
     <option value=".eligible">Eligible</option>
     <option value=".confirmed">Eligible</option>

</select>

以及函数

function eligibility_changed($this) {

    jQuery(".fieldsel").each(function() {
        var col = this.id;
        var val = this.value;

        console.log(val);

        if (val != "Select One:") {
            jQuery("#tbl>tbody>tr").each(function() {

                //Ran to check the row's class.
                console.log(jQuery('#eligfld').attr('class'));

                if (!jQuery( "#eligfld" ).is(val)) {
                    jQuery(this).hide();
                }
            });
        }
    });

};

Answer 1

假设这些行具有您在选项中显示的类，您不需要循环所有行，只需隐藏该类即可

if (val != "Select One:") {
     // show all, filter for class and hide that class
     jQuery("#tbl>tbody>tr").show().filter(val).hide();
}

这与 ID 无关，因此重复 ID 不应该成为问题，除非您有多个具有相同 ID 的表