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

使用屬性equals選擇器（官方文檔 ）：

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