jQuery - Loop through variable/elements?

Question

I'm trying to load specific products into divs but each div is only loading in the first product. I'm guessing I need to do a loop of some sort but I'm not quite sure how

Here's what I'm trying to do:

<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 + ')');
});

In my mind this is what it SHOULD be doing:

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

Which would be associated with:

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

Any help would be great!

Mohamed-Yousef · Accepted Answer · 2015-01-07 10:51:17Z

3

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

you should know that index starts from 0

answered Jan 7, 2015 at 10:51

Mohamed-Yousef

24k3 gold badges21 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Nick Over a year ago

Thanks!! This works great. I was looking at it the wrong way it seems :)

Mohamed-Yousef Over a year ago

@meskobalazs I tried to be faster but sometimes I can't do that .. My best Wishes to you :)

meskobalazs · Accepted Answer · 2015-01-07 10:50:32Z

0

Use the attribute equals selector (official docs):

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

answered Jan 7, 2015 at 10:50

meskobalazs

16.1k2 gold badges44 silver badges63 bronze badges

Collectives™ on Stack Overflow

jQuery - Loop through variable/elements?

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related