javascript - 为什么 jQuery 每次都输出相同的 rel？

Question

基本上这是我的脚本:

http://jsfiddle.net/JJFap/42/

代码-

jQuery(document).ready(function() {
    var rel = new Array();
    var count = 0;
    jQuery(".setting").each(function() {
        rel[count] = [];
        if(jQuery("span").attr("rel")) {
            rel[count].push(jQuery("span").attr("rel"));
        }  
        console.log(count);
        count++;
    });               
    jQuery("body").text(rel);
    console.log(rel);
});​

和

<div class="setting">
    <span rel="Variable">Variable</span>
    <span rel="Item">Item</span>
    <span rel="Something">Something</span>
</div>
<div>
    <span rel="Smth">Smth</span>
    <span>Sec</span>
</div>
<div class="setting">
    <span>Second</span>
    <span rel="first">First</span>
    <span rel="Third">Third</span>
</div>

我的问题是，为什么会显示Variable, variable？

我希望它首先显示 Variable，但我做不到。

基本上我想实现的是创建新数组，在其中插入每个 div.setting span 元素和 rel 属性数组。

所以基本上在这个例子中它应该输出 -

Array (

   Array[0] => "Variable","Item","Something";

   Array[1] => "first","Third";

)

希望你明白我的意思:)

编辑:

在我的另一个例子中，我尝试在每个函数中添加 jQuery("span").each(function() ...每个 div 元素的类/id，因为所有元素都将具有相同的类。

Answer 1

jQuery('span') 将在您的页面中找到 ALL 跨度，然后提取第一个的 rel 属性一。由于您没有为该跨度搜索提供上下文，因此您将始终在文档中获得相同的 #1 跨度。