jQuery - 將屬性添加到另一個屬性？

Question

好了 - 所以這可能很簡單，但我很新的東西HTML和CSS之外，所以我認爲這是一次我問:)

所以我想要做的是從一個新的屬性取內容物並將其添加到href屬性。

我有什麼：

<div id="testDiv"> 
    <a href="" newAttr="12345">LINK</a> 
</div> 

$('#testDiv a').attr('href',newAttr+'.extension'); 

而且我想要的結果是：

<div id="testDiv"> 
    <a href="12345.extension" newAttr="12345">LINK</a> 
</div> 

我缺少的東西真的很明顯這裏還是我英里遠？

任何幫助將是偉大的！

感謝， 尼克

*編輯 - 我錯過了在這個崗位等號，而不是我的實際代碼 - 新秀:)

Answer 1

您還可以使用attr()得到一個屬性的值：

$('#testDiv a').attr('href', function (i, attr) { 
    return $(this).attr('newAttr') + '.extension' 
}); 

順便說一句，你就錯過=你的HTML標記內：

<a href="12345.extension" newAttr="12345">LINK</a> 
// -----------------------------^here 

Fiddle Demo

---

編輯：i是你的錨在裏面設置的div美女主播與ID testDiv的索引位置，所以你的情況這將是0因爲只有一個錨定在那裏。在這種情況下，i不是強制性的，因爲您根本不需要使用它。

另一方面，attr將返回您錨點的舊值href。也沒有在這裏需要這一個，因爲你需要newAttr不是href值的值，所以實際上你可以留下他們兩個空白：

$('#testDiv a').attr('href', function() { 
    return $(this).attr('newAttr') + '.extension' 
});  

Answer 2

您需要使用的attribute setter which takes a function as a handler callback

的一個變種

$('#testDiv a').attr('href', function (i, attr) { 
    return $(this).attr('newAttr') + '.extension' 
}); 

演示：Fiddle

Answer 3

你不只是缺少了用newAttr等號？

<div id="testDiv"> 
    <a href="12345.extension" newAttr"12345">LINK</a> 
</div> 

應該

<div id="testDiv"> 
    <a href="12345.extension" newAttr="12345">LINK</a> 
</div>