定位从PHP传递的特定元素ID

Question

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>

Answer 1

You can do it by achieving right selectors .. use class as suggestions in comments ..

Do as below-

JS

 $('.report').hover(function(){
        $(this).prev('.report-text').show();
    },function(){
    $(this).prev('.report-text').hide();
    });

HTML

<div class="vote_wrap" id="<?php echo $row->id;?>">
<span class="report-text">Report Inappropriate Content</span>
<i class="fa fa-exclamation" class="report"></i>
</div>