Question

I have an unordered list with multiple properties per 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 attached an example in the link below:

http://jsfiddle.net/nbz4H/1/

Answer 1

Just use a single selector:

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

Example:
http://jsfiddle.net/niklasvh/RyR87/