JQuery Selector Testing
HTML
<h1>Testing JQuery Selectors</h1>
<p id='first'></p>
<p id='second'></p>
<p id='third'></p>
<div id="mainContent">
<div class="image">
<div class="placeholder">
<a class="load iframe" href="https://contestapp.com/images/4"><img src="/uploads/image/image_file/4/thumb_he_sport_nutrition_for_active_kids_photo.jpg?1307271623" alt="Thumb_he_sport_nutrition_for_active_kids_photo"></a>
</div>
<div class="user">By </div>
<div class="actions">
<span>
<a class="vote-link" href="/images/4/vote"></a>
</span>
</div>
</div>
<div class="image">
<div class="placeholder">
<a class="load iframe" href="https://contestapp.com/images/4"><img src="/uploads/image/image_file/4/thumb_he_sport_nutrition_for_active_kids_photo.jpg?1307271623" alt="Thumb_he_sport_nutrition_for_active_kids_photo"></a>
</div>
<div class="user">By </div>
<div class="actions">
<span>
<a class="vote-link" href="/images/4/vote"></a>
</span>
</div>
</div>
<div class="image">
<div class="placeholder">
<a class="load iframe" href="https://contestapp.com/images/4"><img src="/uploads/image/image_file/4/thumb_he_sport_nutrition_for_active_kids_photo.jpg?1307271623" alt="Thumb_he_sport_nutrition_for_active_kids_photo"></a>
</div>
<div class="user">By </div>
<div class="actions">
<span>
<a class="vote-link" href="/images/4/vote"></a>
</span>
</div>
</div>
<div class="image">
<div class="placeholder">
<a class="load iframe" href="https://contestapp.com/images/4"><img src="/uploads/image/image_file/4/thumb_he_sport_nutrition_for_active_kids_photo.jpg?1307271623" alt="Thumb_he_sport_nutrition_for_active_kids_photo"></a>
</div>
<div class="user">By </div>
<div class="actions">
<span>
<a class="vote-link" href="/images/4/vote"></a>
</span>
</div>
</div>
<div class="image">
<div class="placeholder">
<a class="load iframe" href="https://contestapp.com/images/4"><img...
CSS
#mainContent{
display:none;
}
JavaScript
var timeDiff = {
setStartTime:function (){
d = new Date();
time = d.getTime();
},
getDiff:function (){
d = new Date();
return (d.getTime()-time);
}
}
timeDiff.setStartTime();
//lonesomeday
$('.vote-link').closest('div.image').find('a.load, a.load img');
$('#first').text( timeDiff.getDiff() + 'ms for lonesomeday' );
timeDiff.setStartTime();
//biznuge
$('.vote-link').closest('div.placeholder').find('a.load, a.load>img');
$('#second').text( timeDiff.getDiff() + 'ms for biznuge' );
timeDiff.setStartTime();
//JohnP
$('.vote-link').closest('div').prevAll('div.placeholder:first').find('a.load, a.load img');
$('#third').text( timeDiff.getDiff() + 'ms for JohnP' );