使用JQuery將新的屬性添加到HTML字符串

Question

我有一個問題，添加一個新的屬性到現有的html字符串。

首先我從編輯器中讀取HTML代碼並將其保存爲字符串。

那麼我就可以存取權限與此字符串屬性：

$("img", $(htmlString)).attr("src"); 

但是，如果我嘗試添加一個新的屬性（如名稱），這是行不通的。 要做到這一點，我嘗試：

$("img", $(htmlString)).attr("name", "fooo"); 

所以我的問題是，我需要添加一個新的屬性有一定的價值，並在年底，我應該有一個新的HTML字符串至極包含舊的HTML代碼與新增加的屬性。 我希望有人能幫助我。

Answer 1

我想從src複製值，修改它，並保存在同一個img標籤中的新屬性。僅保存部分不工作

試試這個：

var $img = $("img", $(htmlString)); 
var src = $img.attr("src"); 
src = src.replace(".jpg", ".png"); 
$img.attr("data-src", src); 

這會變成這樣：

<img src="/images/myimage.jpg" alt="Example image" /> 

在此：

<img src="/images/myimage.jpg" data-src="/images/myimage.png" alt="Example image" /> 

這是假設htmlString中只有1 img標籤。如果你有多個，你需要遍歷每一個。