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(...);

jQuery - 循环变量/元素？

2 个答案: