JQuery.find () 2 matching arguments

Question

I have an unordered list with several properties for each element, and I want to find all elements that have both properties.

var results = $('#mylist').find(function() {
    return
        $(this).attr('data-label') == 'red' &&
        $(this).attr('data-size') == 1;
});

I added an example to the link below:

+3

Chris abrams Jun 04 '11 at 23:18

2 answers

jQuery finddoes not accept a function as a parameter. That is why it does not work.

You need to create the appropriate CSS selector . Sort of:

 results = $('#mylist [data-label="red"][data-size="1"]');

+2

Dancrumb Jun 04 '11 at 23:26

Niklas · Accepted Answer · 2011-06-04T23:21:26+0000

Just use one selector:

$('li[data-label="red"][data-size="1"]').css('color','red');