How do I select more than one element using the jQuery attribute selector

Question

I have two elements that I would like to select

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

I would like to select them both:

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

in one selector. I've tried:

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

I wouldn't mind just adding it to the collection either. I definitely don't want to create more script to hack around this. Any ideas?

Answer 1

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

Answer 2

Why not give the two elements a class?

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

then

$(".frobbable")

?

Answer 3

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

Answer 4

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

should work. But watch out for the performance as this will have to go through the entire DOM.

Answer 5

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

This really should work as well as the add() method, so maybe you have a problem somewhere else? Some ancient version of jQuery perhaps?