2010-09-10 36 views
5

我有这个标记:如何使用jQuery在div中选择同一类的所有元素?

<div id="myElement"> 
<ul> 
    <li><a href="#1" class="myElementLink">Link 1</a></li> 
    <li><a href="#2" class="myElementLink">Link 2</a></li> 
    <li><a href="#3" class="myElementLink">Link 3</a></li> 
</ul> 
</div> 

这是选择所有 “myElementLink” 内 “myElement” 语法?

感谢您的帮助

回答

12

的jQuery的神奇$()功能可以采取相当多的东西,你会做常规CSS样式一组特定的元素。在你的情况,这会做的伎俩:

$('#myElement a.myElementLink'); 

指定哪些元素都会有一个特定的类(即的A.class VS的.class)是尽可能快的多。

您还可以通过第二个参数,被称为背景到jQuery函数来了:

$('a.myElementLink', '#myElement'); 

这基本上说

“的第二个参数中搜索的第一个参数”
+0

就是这样,或者如果你只是想在'ul'中包含一些元素,那么在myElement中有几个'ul',然后在其中放入'>'就像这样:'$('#myElement> a.myElementLink');'' – RobertPitt 2010-09-10 22:54:40

+0

@Robert,那是行不通的,因为* li *元素是* ul *元素的直接子元素 – 2010-09-10 23:01:29

+0

我错过了你的第二部分(事后编辑和添加?),这与我的回答相同。我将删除哪些内容。在我看来,使用上下文选择器('thing','thing')是一个更好的习惯,而不仅仅是像第一个例子那样制作更具体的CSS选择器,因为第二个参数可以使用JavaScript“this”。 – 2010-09-10 23:01:57

相关问题