Làm cách nào để lấy một phần tử theo id, và sau đó bên trong phần tử này nhận tất cả các phần tử theo tên lớp bằng jQuery? Nó khá dễ dàng để làm điều này bằng cách sử dụng các hàm JS tiêu chuẩn getElementById() và getElementsByClassName(), nhưng tiếc là IE 7-8 không hỗ trợ sau này.Lấy các phần tử theo tên lớp bên trong một phần tử khác bằng jQuery
Bạn có một vài lựa chọn:
Đầu tiên, sử dụng một selector css:
$('#idOfElement .classNameOfElements');
Hoặc sử dụng find():
$('#idOfElement').find('.classNameOfElements');
Hoặc sử dụng bối cảnh selector:
$('.classNameOfElements', '#idOfElement');
Cần lưu ý rằng việc sử dụng cách tiếp cận ngữ cảnh (cuối cùng) làm cho jQuery thực hiện phương thức find() trong nội bộ.
Tài liệu tham khảo:
var byID = $("#someid");
var byClass = byID.find(".someClass");
Trong jquery bạn có thể nhận được phần tử bằng cách id như $('#some_id') và nhận được phần tử bằng tên lớp như $('.some_class_id') xin vui lòng xem jquery api để biết thêm chi tiết.
và để truy cập vào các yếu tố bên trong, bạn có thể làm như thế này $('#some_id .some_class')