jquery - 更改 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);
});

再次感谢。

score 12 · Accepted Answer

在attr( attributeName, value )的第二个参数中传递要分配给属性的值

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

score 0 · Accepted Answer

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

score 0 · Accepted Answer

要在页面加载后运行 javascript，您只需要在 javascript 代码周围加上：

$(function() {});

这告诉内部的javascript在所有页面加载完成后运行。

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

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

但是，如果您尝试更改每个链接的 rel 中的 shadowbox 属性，您应该这样做：

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

3 回答 3