I am currently listing 10 items per page , and problem is that when this function is called it will only target 1st (latest) element and do nothing on rest of them.
My question is :
How would i target each individual
<span id="report-text"></span>
with <i id="report"></i>
element that belong to same unique-id <div id="$dbstuff></div>
given by PHP.
This is my Jquery code to target element
$('#report').hover(function(){
$('#report-text').show();
},function(){
$('#report-text').hide();
});
HTML code is following :
<div class="vote_wrap" id="<?php echo $row->id;?>">
<span id="report-text">Report Inappropriate Content</span>
<i class="fa fa-exclamation" id="report"></i>
</div>