jQuery-通过变量/元素循环？

我试图将特定产品加载到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"

将与以下内容关联：

<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"

任何帮助都会很好

使用属性等于选择器（官方）：

使用属性等于选择器（官方）：

使用属性等于选择器（官方）：

使用属性等于选择器（官方）：

您应该知道索引从0开始

您应该知道索引从0开始

您应该知道索引从0开始

---

您应该知道索引从0开始

谢谢！！这很有效。我的看法似乎是错误的：）@meskobalazs我试图加快速度，但有时我做不到。。我向你致以最良好的祝愿：）谢谢！！这很有效。我的看法似乎是错误的：）@meskobalazs我试图加快速度，但有时我做不到。。我向你致以最良好的祝愿：）谢谢！！这很有效。我的看法似乎是错误的：）@meskobalazs我试图加快速度，但有时我做不到。。我向你致以最良好的祝愿：）谢谢！！这很有效。我的看法似乎是错误的：）@meskobalazs我试图加快速度，但有时我做不到。。我向你致以最良好的祝愿：）