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

Как я могу получить элемент по id, а затем внутри этого элемента получить все элементы по имени класса с помощью jQuery? Это довольно легко сделать, используя стандартные функции JS getElementById() и getElementsByClassName(), но, к сожалению, IE 7-8 не поддерживает последнее.

Ответ 1

У вас есть несколько вариантов:

Во-первых, с помощью селектора css:

$('#idOfElement .classNameOfElements');

Или используя find():

$('#idOfElement').find('.classNameOfElements');

Или используя контекст селектора:

$('.classNameOfElements', '#idOfElement');

Стоит отметить, что использование контекстного (окончательного) подхода заставляет jQuery внутренне реализовать метод find().

Литература:

Ответ 2

var byID = $("#someid");
var byClass = byID.find(".someClass");

Ответ 3

В jquery вы можете получить элемент по id как $('#some_id') и получить имя элемента по классу как $('.some_class_id'), см. jquery api для получения дополнительной информации. подробности.

и для доступа к внутренним элементам вы можете сделать это следующим образом: $('#some_id .some_class')