Div filter based on id

Question

I can successfully hide divs that contains a line in id with this code:

Button:

<input type="button" id="mytest" value="filter"></input>

Js code:

//hides divs with class=screen3 and with 99 in its id
$('#myteste').click (function () {
    $('div.screen3[id*="99"]').hide();
});

Now I need to do the opposite to hide the divs that does not contain the id string in it, but I don't know how to do it.

+3

Math 28 jan. 13 at 18:33

2 answers

Try using: not

$('#myteste').click (function () {
    $('div.screen3:not([id*="99"])').hide();
});

+2

Adil 28 jan. 13 at 18:36

Denys Séguret · Accepted Answer · 2013-01-28T18:35:29+0000

You can do it:

$('div.screen3').not('[id~="99"]').hide(); // tests the word (delimited by spaces)

or

$('div.screen3').not('[id*="99"]').hide(); // tests the string