jquery random element id for every loop

Question

sorry i'm new in jquery and i need help :-( i want to traverse all elements on html page with class parts then go inside to two children and pass them a random number ( the same for them both)

for every element new random number is passed ( no repeat on page) children classes are : anot-head anot-body this is a sample code:

    $(document).ready(function() {

$.each($('.parts'), function(){
var ran=Math.floor(Math.random()* 1000000);

$( ".anot-head" ).attr( "data-toggle","collapse" ).attr( "href","#s"+ran );
$( ".anot-body" ).attr( "id","s"+ran );

});
});

Patrick Evans · Accepted Answer · 2017-07-07 23:32:00Z

2

$(".anot-body") does a search of the whole document, if you want to find a particular element in another element you need to do a search from that parent element.

In your case you would do a search on the particular .parts element that is currently being iterated over in your $.each() callback

$('.parts').each(function(index,element){
  var parent = $(element);
  var ran=Math.floor(Math.random()* 1000000);
  parent.find('.anot-head').attr( "data-toggle","collapse" ).attr( "href","#s"+ran );
  parent.find('.anot-body').attr( "id","s"+ran );
});

answered Jul 7, 2017 at 23:32

Patrick Evans

42.8k6 gold badges81 silver badges94 bronze badges

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

1 Comment

Jaromanda X Over a year ago

extremely unlikely, but still possible to get duplicates

charlietfl · Accepted Answer · 2017-07-08 12:48:45Z

0

No need to use random.... use index of each

$('.parts').each(function(index){
  var $part = $(this); 
  $part.find('.anot-head').attr({"data-toggle":"collapse","href":"#s"+index});
  $part.find('.anot-body').attr("id","s"+ index);
});

answered Jul 8, 2017 at 12:48

charlietfl

172k14 gold badges125 silver badges154 bronze badges

Collectives™ on Stack Overflow

jquery random element id for every loop

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related