如果不是'div'，请在'li'中找到.closest

Question

I'm using the closest method to find an attribute within a div:

 .closest($('div[my-attribute]'));

The attribute could also exist within an li element:

 .closest($('li[my-attribute]'));

What is an elegant way of finding the attribute within the 'li' if it is not found in the div?

Something like:

var closest = myDiv.closest($('div[my-attribute]'));
if(closest == null){
    closest = myDiv.closest($('li[my-attribute]'));
}

Answer 1

这将返回包含属性“my-attribute”的最近父母，无论天气如何，元素是div，li（或其他任何东西）。

var closest = myDiv.closest('[my-attribute]');

Answer 2

.closest('div[my-attribute], li[my-attribute]'); should work.

Do note that .closest traverses up the dom tree, so it will only check ancestors of your base selector.

IE: if you have a structure like this: div > ul > (li > a, li > a, li > a)

then $("ul").closest("li") will find nothing.

Answer 3

var closest = myDiv.closest($('div[my-attribute]')) || myDiv.closest($('li[my-attribute]'));

Answer 4

You can comma separate multiple selectors in jQuery.

http://api.jquery.com/multiple-selector/

Answer 5

You can just use * to select any element.

$('*[my-attribute]')

Demo: http://jsfiddle.net/eZbN7/