Tell me more ×
Stack Overflow is a question and answer site for professional and enthusiast programmers. It's 100% free, no registration required.
up vote 0 down vote favorite

I'm not sure if there is a better way to accomplish this, however I have a ul that I am filtering on the data-type value of each li element. This works fine for one filter since it starts as a ul object and then returns an array, or array-like of the correct li elements, however .find does not seem to work of the array of objects, only the single ul object. If there is an easy way to convert the li objects back to a single object for the second filter, or perhaps there is a better way to filter the array of li on the data-type value. Thank you in advance.

Edit: The entire code is too long to post here, however, $data = $('#records'); is what gives me the ul and then var $filteredData = $data.find('li[data-type*= ' + $($filterType1+":checked").val() + ' ]'); is what correctly gives me the first filtered records.

With just this, I get an array of 24 items after the first filter, but then zero with a second filter even though there should be more than one. To test, I then didn't filter but just got every li with find and tried running the first filter over that array and it failed the same. So it appears as if .find cannot be run over an array.

This works: 

$data = $('#records');  
var $filteredData = $data.find('li[data-type*= ' + $($filterType1+":checked").val() + ' ]');

These both fail: 

$data = $('#records');  
var $filteredData = $data.find('li[data-type*= ' + $($filterType1+":checked").val() + ' ]');  
$filteredData = $filteredData.find('li[data-type*= ' + $($filterType2+":checked").val() + ' ]');

$data = $('#records');  
var $filteredData = $data.find('li');  
$filteredData = $filteredData.find('li[data-type*= ' + $($filterType1+":checked").val() + ' ]');
share|improve this question
2  
Please show us your code. – Jordan Jan 15 '12 at 21:32
Have you looked into the jQuery map function? – j08691 Jan 15 '12 at 21:41
Chained filters work fine in jQuery. You will need to post more code to diagnose this. jsfiddle.net/ZsJaQ – mrtsherman Jan 16 '12 at 3:56
So, no one seems to have an idea, maybe it's easier to search an array-like of li elements based on the data-type attribute? – Duffmaster Jan 16 '12 at 22:29

1 Answer

up vote 1 down vote accepted

You are using find incorrectly. You want jQuery's filter instead. When you call 

$filteredData = $filteredData.find('li[data-type*=x]');

It searches the children of each element in filteredData. It does not search the elements of filteredData itself.

http://jsfiddle.net/YfSMB/

share|improve this answer
Thank you! I actually figured this out yesterday, but didn't have time to comment here so thank you so much for answering my question! – Duffmaster Jan 19 '12 at 12:23

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.