為什么.attr不會更改每個函數中的屬性？

Question

我有一個非常簡單的腳本，應該更改鏈接的id但是以某種方式無法正常工作。 這是代碼：

$(document).ready( function() {
    $('mylinks').each(function(index) {
        $(this).attr({
            'id': 'mylink-'+index
        });
    });
});


<div class="mylinks">
<a href="http://www.google.com">google</a>
<a href="http://www.google.com">google2</a>
</div>

我嘗試將mylinks更改為：

• div.mylinks
• div.mylinks a

但他們都不起作用。 我想念什么？

編輯

你們大多數人是對的。 我必須使用$('.mylinks a').each( ...但問題是，我一直在尋找在RMB - > Source （其中不更新內容），而不是Inspect Element 。

Answer 1

編輯您的代碼並更改它：

$('.mylinks a')

Answer 2

選擇器mylinks匹配頁面上的每個<mylinks>元素。

要匹配屬於mylinks類成員后代的<a>元素，您需要.mylinks a 。

Answer 3

您的代碼引用的是div，而不是鏈接。 哦，您在mylinks之前省略了句號，以正確表示div的類。

$('mylinks').each(應該是$('.mylinks a').each(

這是一個jsFiddle示例 。

$('.mylinks a').each(function(index) {
    $(this).attr({
        'id': 'mylink-' + index
    });
});​

Answer 4

$('.mylinks a').each(function(){ ... });

Answer 5

您的選擇器不適合mylinks。 應該是$('.mylinks a').each()

Answer 6

class選擇器以開頭. 。 更改代碼如下

$('.mylinks a').each(function(index) {
        $(this).attr('id', 'mylink-'+index);
});

Answer 7

如果mylinks是您提供給鏈接的類，則應編寫$('.mylinks')

Answer 8

您需要告訴它查看鏈接，而不僅僅是div。 這有效：

$(document).ready( function() {
    $('.mylinks a').each(function(index) {
        $(this).attr("id", "mylinks"+index);
    });
});

Answer 9

$('mylinks')將查找標記名稱為mylinks元素。 可能是您應該使用的錯字. 用於類選擇器。 如果要選擇.mylinks所有錨元素並在那里設置ID，則可以使用它。

$(document).ready( function() {
    $('.mylinks a').each(function(index) {
        $(this).attr({
            'id': 'mylink-'+index
        });
    });
});