jquery - Hide checkbox for table row?

Question

enter image description here

Hello, how do I hide the checkbox for the table row that always contains the word "Fixed" as a link? Please see screenshot. The ID and names are dynamic and always change. I tried this but had no luck:

$( "tr:contains('Fixed')" ).find( ":checkbox" ).css( "display", "none" );

Inspections are hardly readable. But did you try .css( {"display": "none" }) — karthikr
– karthikr, Commented Nov 7, 2014 at 16:09
Would not it be better to put the disabled attribute on the checkbox? — user1835565
– user1835565, Commented Nov 7, 2014 at 16:16
Posting a zoomed-out partial screenshot of a section of your code in the inspector is not a useful way to show us the code you're working with. You need to post the relevant code in the question. — Sam Hanley
– Sam Hanley, Commented Nov 7, 2014 at 20:56

Joe · Accepted Answer · 2014-11-07 16:10:28Z

2

Something like this should work:

$('a').filter( function() {
    return ~$(this).text().toLowerCase().indexOf('fixed');
} ).closest('tr').find(':checkbox').hide();

The .toLowerCase() makes it case-insensitive, and the ~ is there because if indexOf() doesn't match the string, it returns -1 (0 means "at position 0"), so the bitwise NOT converts -1 into the falsey value of 0, and everything else into truthy values.

You can improve this by adding a selector to the front so it doesn't crawl every single <a> tag - something like $('table').find('a') or better yet the ID, or something more identifiable.

answered Nov 7, 2014 at 16:10

Joe

15.8k4 gold badges52 silver badges84 bronze badges

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

2 Comments

Alejandro Iván Over a year ago

Sorry to ask, but what does the :checkbox CSS selector look for? A type? I tried googling it for for selecting types I only found element[type=...] like examples.

Joe Over a year ago

@AlejandroIván it's a jQuery selector, not a CSS one - see the docs

MH2K9 · Accepted Answer · 2014-11-07 16:20:22Z

0

$( "tr a:contains('Fixed')" ).find( ":checkbox" ).css( "display", "none" );

edited Nov 7, 2014 at 16:20

MH2K9

12.1k7 gold badges34 silver badges49 bronze badges

answered Nov 7, 2014 at 16:10

charles

5471 gold badge3 silver badges11 bronze badges

Collectives™ on Stack Overflow

jquery - Hide checkbox for table row?

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related