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

Question

У меня есть div класса example

В JavaScript у меня есть:

var selectWithThis = 'example'

Используя эту переменную, как мне написать селектор $() для выбора этого div?

Answer 1

var elements = $('.' + selectWithThis);

Обратите внимание, что он возвращает массив всех элементов с одинаковым классом. Если есть только один элемент, все равно массив только с элементом.

Answer 2

Если вы уверены, что есть только один DIV или вам нужен только первый, сделайте, как указал Четан, но используйте либо индексатор, либо лучший селектор:

Получить первый элемент (возвращает объект DOM):

var element = $('.' + selectWithThis)[0]

Получить первый элемент (возвращает объект jQuery):

var element = $('.' + selectWithThis).eq(0)

Получить первый элемент (возвращает объект jQuery):

var element = $('.' + selectWithThis + ':first')

Для дальнейшего получения базового объекта DOM вы всегда можете добавить [0] к запросу.

Answer 3

$ ('.' + SelectWithThis);

Для использования того, что класс / строка хранится в переменной.