Question

jquery如何取所有dd下的第一个div元素，我想在所有的“不限”添加样式。

自己写的选择器 $("#select dd+div a").attr("class", "seled");不能成功添加样式，请问各位错在哪里，正确的写法是怎样的？

<div id="select" class="m" clstag="thirdtype|keycount|thirdtype|select">
<div class="mt">
<h1>T恤<strong> - 商品筛选</strong></h1>
<div class="extra"><a href="./T恤 【行情 价格 评价 正品行货】_files/T恤 【行情 价格 评价 正品行货】.htm">重置筛选条件</a></div>
</div>
<dl class="fore">
<dt>袖长：</dt>
<dd>
<div><a>不限</a></div>
<div><a>长袖</a></div>
<div><a>短袖</a></div>
<div><a>无袖/吊带</a></div>
</dd>
</dl>
<dl>
<dt>花型：</dt>
<dd>
<div><a >不限</a></div>
<div><a>纯色</a></div>
<div><a>条纹</a></div>
<div><a>格子</a></div>
<div><a>波点</a></div>
</dd>
</dl>
</div>

Answer 1

$("#select dd div:first a")这样只能取到一个“不限”的a标签，只能分开写，先获取到所有的dd标签，是一个数组，然后对这个数组循环，分别获取里面的a标签： var dd = $("#select dd");
$.each( dd, function(i, n){
var a = $(n).children("div").first().children("a").first();
a.addClass("seled");
alert( "Item #" + i + ": " + a.html() );
});

Answer 2

如果要选择第一个dd下的第一个div，可以这样来写选择器：

$("#select dd div:first a").
另外给<a>标签里面要加一个href，否则这个标签的样式在某些浏览器下面会存在一点点解析上的问题，例如改成这样：<a href="#">不限</a>

追问

我是要选择所有dd下的第一个div，就是要把上面中所有“不限”都添加样式，而不是一个，请问这样怎么写？

追答

你的意思是给“不限”所在的那个div添加一个样式，而不是给它下面的那个a标签添加样式吗？
那就不用写后面的那个a了，直接这样写就行：

$("#select dd div:first").addClass("seled");
这样选择的就是所有DD下的第一个div了，~~

Answer 3

使用 :first 选择器

$("#select dd div:first a").attr("class", "seled");

还有添加 class 正确的方式应该是 addClass，像你现在这样写会覆盖已有的 class

$("#select dd div:first a").addClass("seled");