Issue Traversing Through Table with jQuery

Question

I'm trying to hide elements in a table by having a jQuery function run through each row, checking a row's class and hiding based on that. The problem I seem to be running into is the function will check the first row's class and base all other checks to hide on if that first check was true or false. Below is the function and the portion of the form

The form

<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>

And the function

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

};

ID tags should be unique. If you have multiple elements with the same ID #eligfld then your jQuery will hide all elements with the same ID. Try also the jQuery: $('#eligfld ' + $this.val()).hide() — Phil Cross
– Phil Cross, Commented Jul 23, 2015 at 18:17
In my experience jQuery only acts on the first element with a particular ID. — isherwood
– isherwood, Commented Jul 23, 2015 at 18:17

charlietfl · Accepted Answer · 2015-07-23 18:37:19Z

1

Assuming that the rows have the class you are showing in the options you don't need to loop all the rows just hide that class

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

This is ID independent so repeating ID's should not be an issue unless you have multiple tables with same ID

answered Jul 23, 2015 at 18:37

charlietfl

172k14 gold badges125 silver badges154 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Issue Traversing Through Table with jQuery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related