jQuery -获取一个<div> ID并将其分发给它的子级

Question

我一直试图获取一个DIV的#id，并将它传递给每个带有jQuery的子程序，但没有结果。

<div class="gallery" id="gallery-1">
    <a href="link_1">Link 1</a>
    <a href="link_2">Link 2</a>
</div>
<div class="gallery" id="gallery-2">
    <a href="link_1">Link 1</a>
    <a href="link_2">Link 2</a>
</div>

变成..。

<div class="gallery" id="gallery-1">
    <a ref="gallery-1" href="link_1"><img src="#"/></a>
    <a ref="gallery-1" href="link_2"><img src="#"/></a>
</div>
<div class="gallery" id="gallery-2">
    <a rel="gallery-2" href="link_3"><img src="#"/></a>
    <a rel="gallery-2" href="link_4"><img src="#"/></a>
</div>

我在用..。

$("div.gallery").each(
    function(){
    var galleryCount = $("div.gallery");    
    $("div a:has(img)").attr( "rel", galleryCount );
    }
);

..but只是给了我一个对象，一个对象。看起来它正在计算div.图片库，并试图将它们分配给rel。如何仅获取父id并将其应用于其子级？

Answer 1

听起来，您想要将每个家长的id应用到它的子级的rel属性中吗？尝试：

$('.gallery').each(function () {
    $(this).find('a').attr('rel', $(this).attr('id'));
});

这是jsFiddle

Answer 2

使用以下代码

$(document).ready(function(){
    $(".gallery").each(function(){
        rel = $(this).attr("id");
        $(this).find("a").attr("rel",rel)
    });
});

Answer 3

正确的做法是：

$("div.gallery").each( function()
{
    var $this = $(this);
    var id = $this.attr('id'); // <-- Get the ID attribute

    $this.children("a").attr("rel", id);
});

这是一个工作实例。