Как выбрать более одного элемента с помощью селектора атрибутов jQuery

Question

У меня есть два элемента, которые я хотел бы выбрать

<input id="iMe" /> and <span id="sMe">Blah</span>

Я бы хотел выбрать их обоих:

$("span[id$='Me']") and $("input[id$='Me']")

в одном селекторе. Я пробовал:

$("span,input[id$='Me']") -> Nope
$("span[id$='Me'],input[id$='Me']") -> Nope
$("span[id$='Me']input[id$='Me']") -> Nope

Я бы тоже не против добавить его в коллекцию. Я определенно не хочу создавать больше сценариев, чтобы взломать это. Есть идеи?

Answer 1

Пример страницы: http://jsbin.com/idali (просмотр / редактирование источника на http://jsbin.com/idali/edit)

Должны работать все следующие варианты:

$("span[id$=Me], input[id$=Me]")
$('span[id$=Me], input[id$=Me]')
$("span[id$='Me'], input[id$='Me']")
$('span[id$="Me"], input[id$="Me"]')

(редактировать: приведенный ниже исходный ответ неверен; кавычки необязательны, но разрешены ...)

Вы слишком много цитируете в своих попытках ... Вы хотите

$("span[id$=Me],input[id$=Me]")

Значения атрибутов не указываются в селекторах CSS.

Answer 2

Почему бы не дать двум элементам класс?

<input class="frobbable" id="iMe" /> and <span class="frobbable" id="sMe">Blah</span>

тогда

$(".frobbable")

Answer 3

$('span[id$=Me]').add('input[id$=Me]')

Answer 4

$("span[id$='Me'],input[id$='Me']") -> Yep

Это действительно должно работать так же, как метод add (), так что, возможно, у вас есть проблема где-то еще? Возможно, какая-то древняя версия jQuery?

Answer 5

$("[id$='Me']")

должно работать. Но следите за производительностью, так как это должно пройти через весь DOM.

Answer 6

$('input#iMe, span#sMe');