JQuery发现第一个孩子给出了错误的结果

时间:2013-11-25 04:45:54

标签: jquery

<dl>
    <dt>title</dt>
    <dd>first
    </dd>
    <dd>second
    </dd>
    <dd> third
    </dd>
</dl>

只有最后一次尝试给我正确的结果,这是我的代码中的错误还是有什么问题?我使用jquery 1.10.1。 http://jsfiddle.net/RYJ9z/

var h=$("dl").find("dd:first-child").html();
alert(h);
var h2=$("dl").find("dd:nth-child(1)").html();
alert(h2);
var h3=$("dl").find("dd").first().html();
alert(h3);

1 个答案:

答案 0 :(得分:2)

$("dl").find("dd:first-child"):查找dd元素,该元素是其父级的第一个子元素,但dt元素是第一个不是dd的子元素

尝试:first-of-type

$("dl").find("dd:nth-child(1)"):nth-​​child使用基于1的索引,因此父元素的第一个子元素是dt元素,而不是dd,所以这也失败了

尝试:nth-of-type

演示:Fiddle