Jquery load - using variable in selector

Question

I can't get the rand variable to work in this code below:

$(document).ready(function() {
   var rand = Math.floor((Math.random() * 10) + 1);      
   $('.related1').load('inc/related.asp .list:eq(1)');
   $('.related2').load('inc/related.asp .list:eq(2)');
   $('.related3').load('inc/related.asp .list:eq(rand)');
});

The first 2 load fine, but the one using the random number does not.

I also saw a suggestion and tried:

   $('.related3').load('inc/related.asp .list:eq("+rand+")');

But that didn't work either. Any ideas? Thanks in advance!

MFazio23 · Accepted Answer · 2015-02-03 18:25:13Z

3

You just have a mismatch with your quotes. Do something like this:

$('.related3').load('inc/related.asp .list:eq('+rand+')');

answered Feb 3, 2015 at 18:25

MFazio23

1,32412 silver badges24 bronze badges

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

Comments

Sasanka Panguluri · Accepted Answer · 2015-02-03 18:25:48Z

0

Do this:

 $('.related3').load('inc/related.asp .list:eq('+rand+')');

You started the argument inside load with ', so you need to terminate it with another ' and append rand to that string, and append this string ')' back.

answered Feb 3, 2015 at 18:25

Sasanka Panguluri

3,1484 gold badges35 silver badges54 bronze badges

Comments

Bhojendra Rauniyar · Accepted Answer · 2015-02-03 18:25:58Z

0

This should do:

$('.related3').load('inc/related.asp .list:eq("'+rand+'")');

answered Feb 3, 2015 at 18:25

Bhojendra Rauniyar

86k36 gold badges179 silver badges241 bronze badges

2 Comments

MFazio23 Over a year ago

Be careful with having both single and double quotes here, as that will turn the value of rand into a string (which will break this)

Bhojendra Rauniyar Over a year ago

@MFazio23 There'll be no problem as rand will output integer and eq will accept string...

Collectives™ on Stack Overflow

Jquery load - using variable in selector

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related