JQuery: получить предков (или потомков) и самостоятельно
-
22-09-2019 - |
Вопрос
Можно использовать matchedset.find(selector)
/ matchedset.parents(selector)
Чтобы потомки/предки текущего соответствующего набора фильтрованного селектора, но это не включает в себя соответствующий набор (если он также соответствует селектору). Есть ли лучший (более краткий и/или более быстрый) способ получить его, чем
matchedset.find(selector).add(matchedset.filter(selector))
А соответствует родителям ()?
Решение
Ты можешь это сделать:
matchedset.find('*').andSelf().filter(selector);
Для родителей:
matchedset.parents('*').andSelf().filter(selector);
Другие советы
Я думаю, что ваш метод эффективен с точки зрения времени исполнения, но вы, вероятно, просите, это синтаксический сахар. Для этого вы можете обернуть его в плагин:
jQuery.fn.findAndSelf = function(selector) {
return this.find(selector).add(this.filter(selector))
}
Затем используйте это так:
$('.whatever').findAndSelf('.awesome')
Если вы хотите получить фантазию, вы можете создать плагин, который работает не только для «найти», но и для «родителей» и «детей» и других плагинов на основе селектора:
jQuery.fn.withSelf = function(plugin, selector) {
return this[plugin](selector).add(this.filter(selector))
}
Тогда вы выступите в качестве первого аргумента плагина Traversal, который хотите позвонить:
$('.whatever').withSelf('find', '.awesome')
$('.whatever').withSelf('parents', '.awesome')
Просто для ударов, еще один забавный плагин, который позволяет вам называть произвольное количество плагинов обхода одновременно:
jQuery.fn.traverse = function(plugins, selector) {
var set = new jQuery();
$.each(plugins, function(i, val) {
set.add(this[val](selector));
}
return set
}
Вы можете вызвать это с любой комбинацией плагинов на основе селектора, следующим образом:
$('.whatever').traverse(['find','filter'], '.awesome')
$('.whatever').traverse(['parents','find'], '.awesome')
$('.whatever').traverse(['parents', 'filter'], '.awesome')
В то время как решение JEOFF хорошее, иногда приятно иметь возможность повторять все элементы, в том числе и он без селектора. Это дополнение немного более гибкое:
$.fn.all = function(selector) {
if(selector===window.undefined) return this.find('*').andSelf();
return this.filter(selector).add(this.find(selector));
};
Посмотрите функцию «и Self ()».
Для родителей у вас есть closest(selector)