5865 2008-07-14 08:31:23 +0000 [selectors-api2] Add method to check if a given element matches a selector 2009-09-26 21:49:34 +0000 1 1 1 Unclassified WebAppsWG HISTORICAL - Selectors API unspecified PC All RESOLVED FIXED P2 enhancement --- 1 lachlan.hunt lachlan.hunt jresig lachlan.hunt mike public-webapps-bugzilla oldest_to_newest 21170 0 lachlan.hunt 2008-07-14 08:31:23 +0000 There has been some suggestions to introduce a new Element.matchesSelector() method. http://lists.w3.org/Archives/Public/public-webapi/2007Jan/0183.html http://lists.w3.org/Archives/Public/public-webapi/2008Apr/0128.html http://lists.w3.org/Archives/Public/www-style/2008Jul/0291.html Need to investigate use cases. Could possibly work something like this: foo.matchesSelector("section>p"); foo.matchesSelector("h1+:context"); Returns boolean. 22704 1 lachlan.hunt 2008-12-08 08:44:55 +0000 More discussion of this proposal: http://lists.w3.org/Archives/Public/public-webapps/2008OctDec/0433.html http://lists.w3.org/Archives/Public/public-webapps/2008OctDec/0435.html http://lists.w3.org/Archives/Public/public-webapps/2008OctDec/0439.html http://lists.w3.org/Archives/Public/public-webapps/2008OctDec/0442.html http://lists.w3.org/Archives/Public/public-webapps/2008OctDec/0447.html 22708 2 lachlan.hunt 2008-12-08 15:08:57 +0000 JQuery implementation http://docs.jquery.com/Traversing/is#expr 27561 3 lachlan.hunt 2009-09-22 17:14:21 +0000 Mozilla have begun work on an implementation https://bugzilla.mozilla.org/show_bug.cgi?id=518003 27562 4 jresig 2009-09-22 17:46:22 +0000 Test Suite can be found here: http://github.com/jeresig/selectortest/tree/matchesSelector 27639 5 lachlan.hunt 2009-09-24 12:25:07 +0000 Use Case: Event Delegation Listening to events on occurring on many elements is made easier by event bubbling, and listening for the event on a common ancestor element of those you want to listen for. This is commonly done on the body element. The technique relies on the ability to check which element or type of element the event target is. Having a function to check if the event target matches a particular selector makes this easier than having to manually check several different properties of the element. For example, executing some function of the event handler may depend on the element being an input element that is a checkbox and has is checked (i.e. matches the selector "input[type=checkbox]:checked". Checking each of these propertie separately in order to determine how to handle the event is more complicated. 27652 6 lachlan.hunt 2009-09-24 22:16:29 +0000 WebKit implementation. https://bugs.webkit.org/show_bug.cgi?id=29703 27687 7 lachlan.hunt 2009-09-26 21:49:34 +0000 matchesSelector() is now defined.