jQuery - 如何将属性 rel 添加到多个链接？

Question

到目前为止，这是我的代码：

$('#floorplans img').each(function() {
    $('#floorplans a').each(function() {
        $(this).attr('rel','lightbox'); 
    });
});

到目前为止，它运行良好，但我也需要它为 #gallery 做同样的事情。是否可以完成此任务，而不必为 #gallery 再次编写相同的代码？

谢谢你！

Answer 1

是 - 使用多重选择器

Answer 2

不会

$('#floorplans img a, #gallery img a').attr('rel', 'lightbox');

做吗？

更新：我有“IMG”和“A”从后到前，应该是所有“A”，其中包含“#Div”内的“IMG”，如下所示：

$('#floorplans a:has(img), #gallery a:has(img)').attr('rel', 'lightbox')

Answer 3

在没有看到您的标记的情况下，类似这样的事情可能会起作用：

$('#floorplans img, #gallery img').each(function() {
    $('a').each(function() {
        $(this).attr('rel','lightbox'); 
    });
});

HTH

更新：
我还是觉得这不对
您没有使用在外循环中选择的元素，因此它是多余的。
我认为您因此多次设置 rel attr 。
我还没有尝试过，但我认为你应该只使用一个循环，在其中选择具有图像的链接。

$('#floorplans a:has(img), #gallery a:has(img)').each(function() {
        $(this).attr('rel','lightbox'); 
});

Answer 4

您可以定义函数并使用它，例如：

var addRel = function(selector) {
    $(selector).each(function() {
        $(this).attr('rel','lightbox'); 
    });
};

addRel('#floorplans a');
addRel('#gallery a');