jQuery - 通過變量/元素循環？

Question

我想加載特定產品到div中，但每個div只在第一個產品中加載。我猜我需要做某種類型的循環，但我不太清楚如何

這裏就是我想要做的事：

<div class="prdContainer" rel="prod-1"></div> 
<div class="prdContainer" rel="prod-2"></div> 
<div class="prdContainer" rel="prod-3"></div> 

$(document).ready(function() { 
    var prdNo = $('.prdContainer').attr('rel').split('-')[1]; 

    $('.prdContainer').load('http://www.domain.com .product:nth-child(' + prdNo + ')'); 
}); 

在我看來，這是什麼它應該做的事：

$('.prdContainer').load('http://www.domain.com .product:nth-child(1)'); 
$('.prdContainer').load('http://www.domain.com .product:nth-child(2)'); 
$('.prdContainer').load('http://www.domain.com .product:nth-child(3)'); 

這將與有關：

rel="prod-1" 
rel="prod-2" 
rel="prod-3" 

任何幫助將是偉大的！

Answer 1

$(document).ready(function() { 
    $('.prdContainer').each(function(i){ 
    $(this).load('http://www.domain.com .product:nth-child(' + (i + 1)+ ')'); 
    }); 
}); 

你應該知道，指數從0

Answer 2

使用屬性等於選擇（官方docs）：不是我的做法

$('.prdContainer[rel="prod-' + prdNo + '"]').load(...);