How to use part of the Id or Class of DOM element with jQuery selector?

Question

How to use part of the Id or Class of DOM element with jQuery selector?

I.e. We have

id="Some_Extra_Name"

Can we use "Extra" to get all elements with jQuery?

Answer 1

You can use attribute contains selector *

$('[id*="Extra"]')

Answer 2

Yes, you can do

$elements = $('[id*=Extra]');

If you wanted to get the elements whose id starts with "Extra", you'd do

$elements = $('[id^=Extra]');

and for the elements whose id ends with "Extra" :

$elements = $('[id$=Extra]');

Relevant documentation