使用jquery在<a> tag</a>中插入'rel'属性

Question

我会先说这是一个全新的jquery新手。也就是说，我想使用jquery将值为“shadowbox”的'rel'属性插入到以下代码中的<a>标记中...

<div class="bibImage" title="">
<a href="" target="_parent"><img src="" border="0" alt=""></a>
</div>

这是系统生成的html，所以我没有选择添加'class'或'id'属性，这有助于jquery定位元素。 div是唯一标识的，所以我猜测可以将<a>指定为子（？）;但我真的不确定如何。我也不明白可以使用哪种方法来实际插入'rel'属性+值。

提前感谢任何见解和指导。

Answer 1

$(function() { // this signifies when the DOM is ready
   $('.bibImage a').attr('rel', 'shadowbox'); // this will add it to 
                                              // all <a> inside the <div>
});

Answer 2

试试这个

   $('.bibImage a').attr('rel', 'shadowbox');

Answer 3

$('.bibImage a:first-child').attr('rel', 'shadowbox');