在dom上使用jquery附加html元素

Question

我有一個帶有其余html源的保留數據庫，供客戶端用來渲染一些頁面摘要。 我想獲取#mainNewsBody .news p所有圖像，並添加指向該圖像的鏈接rel='superbox[image]'

現在是

<img src="http://www.mysite.com/images/DSCF1087.JPG" /> ，它應該是

<img src="http://www.mysite.com/images/DSCF1087.JPG" rel='superbox[image]'/>

如何在dom ready上使用jquery達到此目的？

感謝大家。

Answer 1

$(function(){
 $('#mainNewsBody .news img').attr('rel', 'superbox[image]');
});

Answer 2

$(document).ready(function() {

    $('#mainNewsBody .news p img').attr("rel", "superbox[image]");

});

Answer 3

$(document).ready(function(){
    $('#mainNewsBody .news p img').attr('rel', 'superbox[image]');
});