javascript - 将多个项目与循环内的属性匹配

Question

<div class="item" rel="a">1</div>
<div class="item" rel="b">2</div>

<div class="receive" rel="a">1</div>
<div class="receive" rel="b">2</div>

.item[rel='a'] {
    width:50px;
    height:50px;
    background: pink;
}
.item[rel='b'] {
    width:50px;
    height:50px;
    background: orange;
    margin-left:20px;
}
.receive {
    margin-top:20px;
    border:1px solid;
    width:50px;
    height:50px;
}

如何让接收器接收元素的颜色？我能行

bg = $('.item').css('background');
$('.receive').css('background',bg);

但我希望它能够使用“rel”属性进行匹配，我有多个接收器。我应该循环吗？

Answer 1

在每个循环中执行。

$('.item').each(function(idx) {
    var rel = $(this).attr('rel');
    var bg = $(this).css('background');
    $('.recieve[rel="' + rel + '"]').css('background', bg);
});

我想这就是你想要的。

你可以遍历.item或者.recieve，一天结束的时候没关系。
这是一个表明它有效的 fiddle :http://jsfiddle.net/Lg6yw7bj/1/