javascript - 如何检测选择器是否可以描述 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 is方法。

类似于:

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

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

工作示例:http://jsfiddle.net/NqwxQ/