更改Rel属性值

Question

我有一个页面，其中多次出现一个类为.gal_link的元素，例如

<a href="" rel="shadowbox[gallery32];height=545;width=805" title="">Blah Blah</a>

我要做的是在页面上找到所有这些，并将高度和宽度更新为

<a href="" rel="shadowbox[gallery32];height=345;width=605" title="">Blah Blah</a>

我认为这应该很容易，但经过高低搜索后我找不到直接的方法来做到这一点。任何帮助将不胜感激。

我能够在点击时提醒每个链接的rel，但在页面加载后无法看到如何更改属性值。

$('.gal_link').click(function(){
    var rel = $(".gal_link").attr('rel');
    alert(rel);
});

再次感谢。

Answer 1

在attr( attributeName, value )

的第二个参数中传递要分配给属性的值

$("selector").attr('rel', 'somevalue');

Answer 2

$('.gal_link').click(function(){
    $(this).attr('rel', "shadowbox[gallery32];height=345;width=605" )
});

Answer 3

要在页面加载后运行javascript，您只需用以下代码包围javascript代码：

$(function() {});

这表示在完成所有页面加载后，javascript里面会运行。

如果您尝试更改元素本身的高度和宽度，可以执行以下操作：

$(function() {
   $('.gal_link').height(345).width(605);
});

但是，如果您尝试更改每个链接的rel中的shadowbox属性，则应执行以下操作：

$(function() {
    $('.gal_link').attr('rel','shadowbox[gallery32];height=345;width=605');
});