使用jQuery在另一个元素中按类名获取元素

我如何通过id获取元素,然后在这个元素中使用jQuery按类名获取所有元素? 使用标准JS函数getElementById()和getElementsByClassName()很容易做到这一点,但遗憾的是IE 7-8不支持后者。

你有几个选择:

第一个,使用css选择器:

$('#idOfElement .classNameOfElements'); 

或者使用find()

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

或使用选择器上下文:

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

值得注意的是,使用上下文(final)方法会导致jQuery在内部实现find()方法。

参考文献:

  • find()
  • 选择器上下文
 var byID = $("#someid"); var byClass = byID.find(".someClass"); 

在jquery中,你可以通过id获取元素$('#some_id')并按类名获取元素$('.some_class_id')请参阅jquery api以获取更多详细信息。

并且要访问内部元素,你可以这样做$('#some_id .some_class')