[jQuery] select random div
I am using the periodic updater plug-in to make an Ajax call to grab
an HTML file that has many divs in it. I want to parse the returned
HTML and display a random div in a placeholder div on the page. I am
stuck on how to select out the random div from the returned HTML. Can
someone please lend a hand on this?
$(document).ready(function() {
$.PeriodicalUpdater({
url : '/common/inc/contentPieces.htm',
method: 'get',
minTimeout: 12000,
maxTimeout: 15000
},
function(data){
//select random div to show from returned data
var totalDivs = $(data).children('div').size();
var rand = Math.ceil(Math.random() *
totalDivs);
/***** THIS IS WHAT I AM NOT SURE HOW TO DO
*****/
$('#contentRefresher').html($(data).children("div:eq(" +
rand + "'"));
$('#contentRefresher').show('slide', 'slow');
$('#contentRefresher').effect('highlight', {color: '#fffacd'},
3000);
});
});
Returned HTML
<div id="div1">
<h5>Div 1</h5>
This is div 1
</div>
<div id="div2">
<h5>Div 2</h5>
This is div 2
</div>
<div id="div3">
<h5>Div 3</h5>
This is div 3
</div>