Question

jquery 选择器 怎样获取class='aaa'的DIV元素

<div id='aaa'><div class='aaaaaa'></div></div>
<div id='bbb'><div class='aaaaaa'></div></div>
<div id='ccc'><div class='aaaaaa'></div></div>
如上代码，怎样获取父级元素id为aaa或者父级元素id为bbb的自身类为aaaaaa的DIV?
即我想获取的是第一、第二行的两个<div class='aaaaaa'></div>
谢谢！你是对的，追加10分。

Answer 1

获取class='aaa'的DIV元素：$('.aaa')

获取父级元素id为aaa的div元素：$("#aaa>div.aaaaaa")

获取父级元素id为bbb自身类为aaaaaa的元素：$("#bbb>.aaaaaa")

jQuery 元素选择器：

jQuery 使用 CSS 选择器来选取 HTML 元素。

$("p") ：选取 <p> 元素。

$("p.intro") ：选取所有 class="intro" 的 <p> 元素。

$("p#demo") ：选取所有 id="demo" 的 <p> 元素。

扩展资料：

jQuery 属性选择器：

jQuery 使用 XPath 表达式来选择带有给定属性的元素。

$("[href]") 选取所有带有 href 属性的元素。

$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。

$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。

$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。

Answer 2

jQuery的元素选择器可以根据class选择元素。例如，获取class='aaa'的DIV元素的代码为：$("div.aaa") 。下面提供一个具体的示例，HTML结构如下：
<div id='a'><div class='aaa'></div></div>
<div id='b'><div class='aaa'></div></div>
<div id='c'><div class='aaa'></div></div>
1、获取id为b的div下的aaa类元素
$("div.aaa")获取的是所有的aaa类，如果限定为b元素下的aaa类，可以配合后代选择器使用，代码为：$("div#b div.aaa") .
2、获取id为a或者c的div下的aaa类元素
如果需要获取多个不同类型的对象，可以使用逗号（,）分隔，所以相应代码为： $("#a .aaa, #c .aaa") .

Answer 3

$('#aaa')
#号是ID
.号是class

$('#aaa .aaaaaa')
$('#bbb .aaaaaa')

追问

不是这样的呀，我想通过一行代码来获取，不想用两行哦

追答

$('.aaaaaa').not(':last').css('background-color', 'red');

追问

能不能用$('#aaa||#bbb' .aaaaaa)的形式获取呢？

因为实际应用中div的顺序很难这么巧的。

追答

你这个这样，ID应该是知道的吧
$('.aaaaaa').filter(function (index) {
return $(this).parent().attr("id") != $('#ccc').attr("id");
}).css('background-color', 'red');

Answer 4

$("div.aaa");