Как определить, может ли элемент html быть описан селектором?

Question

например:

<li class="list" id="first-list"></li>  

var li = document.getElementById("first-list");
matchSelector(li, "li.list"); // this should return true  

Теперь моё решение можно описать так:

function matchSelector(element, selector){  
     var all_matched_elements = $(selector);  
     return element in all_matched_elements
}  

, но, очевидно, это включает в себя некоторую ненужную работу.
Есть ли лучшее решение?

Answer 1

Вы можете использовать jQuery - это метод .

Пример:

var li = document.getElementById("first-list");
matchSelector(li, "li.list");

function matchSelector(element, selector){  
  return $(element).is(selector);
}  

Рабочий пример: http://jsfiddle.net/NqwxQ/

Answer 2

Используйте jQuery's .is () , чтобы определить, может ли элемент соответствовать выбранному селектору. Эта функция возвращает логическое значение.

Например:

var $li = $("li");
$li.each(function() {
    if ($(this).is(".list")) {
        // Take action
    }
});