Цепочка множественных селекторов в jQuery?

Question

Цепочка множественных селекторов в jQuery?

обычно, когда я использую класс в качестве селектора, я пытаюсь использовать селектор " id " с ним, чтобы он не искал всю страницу, а только область, где будет класс.

однако у меня есть частичное представление с кодом в нем. Это частичное представление (общий код) оборачивается вокруг тега формы.

Я:

<form id="Create">

// load common code in from partial view

</form>



<form id="Edit">

// load common code in from partial view

</form>

Теперь в этом общем код мне нужно прикрепить плагин к нескольким полям, так что я бы сделал

$('#Create .myClass').plugin({ options here});



$('#Edit .myClass').plugin({options here});

Так что это в значительной степени тот же код. Мне интересно, есть ли способ заставить его искать любой из идентификаторов?

Edit

у меня возникли проблемы с ним, когда у меня есть переменные для моих селекторов

    my.selectors = 

    {

        A: '#Create',

        B: '#Edit',

        Plugin: ' .Plugin' 

    };



 $(selector.A+ selectors.Plugin, selector.B+ selectors.Plugin)

кажется, не работает.

634 6

jQuery jquery-selectors

6 ответов:

Comments

Ничего не найдено.

Leopd · Accepted Answer · 2012-05-15 19:26:45

вы можете объединить несколько селекторов с запятой:
$('#Create .myClass,#Edit .myClass').plugin({options here});
или если у вас будет их куча, вы можете добавить класс ко всем своим элементам формы, а затем выполнить поиск в этом классе. Это не дает вам предполагаемой экономии скорости ограничения поиска, но я честно не стал бы слишком беспокоиться об этом, если бы я был на вашем месте. Браузеры делают много причудливых вещей, чтобы оптимизировать общие операции за вашей спиной - Простой селектор классов может быть быстрее.

Raynos · Accepted Answer · 2016-12-01 17:53:40

$("#Create").find(".myClass").add("#Edit .myClass").plugin({});

использовать $.fn.add для объединения двух наборов.

Rion Williams · Accepted Answer · 2011-04-21 00:27:52

вы должны быть в состоянии использовать:
$('#Edit.myClass, #Create.myClass').plugin({options here});
jQuery / несколько селекторов

Kevin Ennis · Accepted Answer · 2011-04-21 02:21:50

Я думаю, что вы могли бы увидеть немного лучшую производительность, делая это таким образом:
$("#Create, #Edit").find(".myClass").plugin(){
    // Options
});

Caspar Kleijne · Accepted Answer · 2011-04-21 00:27:22

как:
$('#Create .myClass, #Edit .myClass').plugin({ 
    options: here
});
вы можете указать любое количество селекторы для объединения в один результат. Это множественное выражение combinator-это эффективный способ выберите разрозненные элементы. Порядок из элементов DOM в возвращенном объект jQuery может быть не идентичен, так как они будут в порядке документов. Один альтернативой этому комбинатору является .метод add.

несколько Селектор

добавить способ

dani24 · Accepted Answer · 2016-09-21 21:48:16

здесь уже есть очень хорошие ответы, но в некоторых других случаях (не это в частности) использование map может быть "единственным" решением.

особенно, когда мы хотим использовать регулярные выражения, отличные от стандартных.

в этом случае это будет выглядеть так:
 $('.myClass').filter(function(index, elem) {
    var jElem = $(elem);

    return jElem.closest('#Create').length > 0 || 
           jElem.closest('#Edit').length > 0;

}).plugin(...);
Как я уже говорил, здесь такое решение может быть бесполезным, но для дальнейших проблем, - это очень хороший вариант