在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]');
});