jQuery - How to select tablerow element using custom attribute value?

Question

I have some HTML similar to this, where a custom attribute value has been programmatically applied to rows in a table:

<table>
    <tr RowID="123">
        <%-- elements in row --%>
    </tr>
    <tr RowID="457">
        <%-- elements in row --%>
    </tr>
</table>

Using jQuery, how can I select a row based on a particular RowID value so that I can show/hide that row?

I've tried the following which doesn't seem to work:

$("tr[RowID='" + rowID + "']").show();

Answer 1

What you have works fine - http://jsfiddle.net/e94W2/1

Is your coding inside a $(document).ready(function() { }) block like this?

$(document).ready(function() {
    var rowID = 123;
    $('tr').hide();
    $("tr[RowID='" + rowID + "']").show();
});

If not it probably cant find the tablerow as it hasnt been loaded yet.

Answer 2

如果您在表中使用分页，那么该行可能不在当前页面上，因为如果加载了行，那么您的代码就可以了。