Шукаєте метод jQuery find (..), який включає поточний вузол

Метод обходу jQuery find (..) не включає поточний вузол - він починається з дітей поточного вузла. Який найкращий спосіб викликати операцію пошуку, яка включає поточний вузол у його алгоритмі відповідності? Переглядаючи документи, одразу нічого не вискакує на мене.

Для jQuery 1.8 і новіших версій ви можете використовувати .addBack(). Він займає селектор, тому вам не потрібно фільтрувати результат:

object.find('selector').addBack('selector')

До jQuery 1.8 вас затримали .andSelf()(тепер застарілі та видалені), які потім потребували фільтрації:

object.find('selector').andSelf().filter('selector')

Ви не можете цього зробити безпосередньо, найближчим, про що я можу подумати, - це використання .andSelf()та дзвінки .filter(), як це:

$(selector).find(oSelector).andSelf().filter(oSelector)
//or...
$(selector).find('*').andSelf().filter(oSelector);

На жаль .andSelf(), не бере селектор, що було б зручно.

Визначте

$.fn.findSelf = function(selector) {
    var result = this.find(selector);
    this.each(function() {
        if ($(this).is(selector)) {
            result.add($(this));
        }
    });
    return result;
};

потім використовуйте

$.findSelf(selector);

замість

$find(selector);

На жаль, у jQuery немає цієї вбудованої. Дійсно дивно за стільки років розвитку. Мої обробники AJAX не застосовувалися до деяких основних елементів через те, як працює .find ().

$('selector').find('otherSelector').add($('selector').filter('otherSelector'))

Ви можете зберігати $('selector')змінну для прискорення. Ви навіть можете написати для цього спеціальну функцію, якщо вона вам дуже потрібна:

$.fn.andFind = function(expr) {
  return this.find(expr).add(this.filter(expr));
};

$('selector').andFind('otherSelector')

Прийнята відповідь дуже неефективна і фільтрує набір елементів, які вже відповідні.

//find descendants that match the selector
var $selection = $context.find(selector);
//filter the parent/context based on the selector and add it
$selection = $selection.add($context.filter(selector);

Якщо ви хочете, щоб ланцюг працював належним чином, скористайтеся фрагментом нижче.

$.fn.findBack = function(expr) {
    var r = this.find(expr);
    if (this.is(expr)) r = r.add(this);
    return this.pushStack(r);
};

Після виклику функції завершення повертає елемент #foo.

$('#foo')
    .findBack('.red')
        .css('color', 'red')
    .end()
    .removeAttr('id');

Не визначаючи зайвих плагінів, ви зациклювались на цьому.

$('#foo')
    .find('.red')
        .addBack('.red')
            .css('color', 'red')
        .end()
    .end()
    .removeAttr('id');

Якщо ви шукаєте саме один елемент , або поточний елемент, або один всередині нього, ви можете використовувати:

result = elem.is(selector) ? elem : elem.find(selector);

Якщо ви шукаєте кілька елементів, ви можете використовувати:

result = elem.filter(selector).add(elem.find(selector));

Використання andSelf/ andBackдосить рідкісне, не знаю чому. Можливо, через проблеми виступу деякі хлопці згадували переді мною.

(Я помітив, що Tgr вже дав це друге рішення)

Я знаю, що це старе питання, але є більш правильний спосіб. Якщо порядок важливий, наприклад, коли ви співпадаєте з таким селектором :first, я записав невелику функцію, яка поверне такий самий результат, як ніби find()насправді включений поточний набір елементів:

$.fn.findAll = function(selector) {
  var $result = $();

  for(var i = 0; i < this.length; i++) {
    $result = $result.add(this.eq(i).filter(selector));
    $result = $result.add(this.eq(i).find(selector));
  }

  return $result.filter(selector);
};

Це не буде ефективно будь-яким способом, але це найкраще, що я придумав, щоб підтримувати належний порядок.

Я думаю andSelf, що ти хочеш:

obj.find(selector).andSelf()

Зауважте, що це завжди додаватиме поточний вузол, незалежно від того, чи відповідає він селектору.

Якщо ви суворо дивитесь у поточний вузол, ви просто це зробите

$(html).filter('selector')

Я намагався знайти рішення, яке не повториться (тобто не входити в один і той же селектор двічі).

І це крихітне розширення jQuery:

jQuery.fn.findWithSelf = function(...args) {
  return this.pushStack(this.find(...args).add(this.filter(...args)));
};

Він поєднує find()(лише нащадків) з filter()(лише поточний набір) і підтримує будь-які аргументи, які обидва є. pushStack()Дозволяє .end()працювати , як очікувалося.

Використовуйте так:

$(element).findWithSelf('.target')

Ось права (але сумна) правда:

$(selector).parent().find(oSelector).filter($(selector).find('*'))

http://jsfiddle.net/SergeJcqmn/MeQb8/2/