jQuery help? Multiple != attribute...

Dave!

Hey folks,

Kinda confusing thread title

I'm trying to use jQuery to filter search results, removing all elements except for(about 10.

The search results are of the form:

<div class="searchresult" fn="search_result_name_1">crap here</div>
<div class="searchresult" fn="search_result_name_2">crap here</div>
<div class="searchresult" fn="search_result_name_3">crap here</div>
<div class="searchresult" fn="search_result_name_4">crap here</div>
<div class="searchresult" fn="search_result_name_5">crap here</div>
<div class="searchresult" fn="search_result_name_6">crap here</div>
etc

The following code will not work :

$(document).ready(function() {

$("div[fn!='search_result_name_1']").css('display', 'none');
$("div[fn!='search_result_name_2']").css('display', 'none');
$("div[fn!='search_result_name_3']").css('display', 'none');

});

It just removes everything.

Any suggestions?

Obviously something a bit more graceful than what I was attempting above would be appreciated

Cheers folks,

Dave

Dave!

Where'd everybody go?

Okay I figured that out. This works (for my purposes):

$("div:not([fn=testFn2],[fn=testFn1])").hide();

However, I soon discovered that it i. hides div's with fn not equal to the specified ones (great), but also, ii. removes div's with no fn attribute

So that's not exactly great!

Now I want to select "all divs with class className, who do not have fn values of value1, value2...valueN"

Any help?

Dave!

Thanks for the help everyone After much ado, this seems to do the job:

$(document).ready(function() {

$(".testDiv:not([fn='value1'],[fn='value2'],[fn='value3'],[fn='value4'],[fn='value5'],[fn='value6'])").hide();

});