定位从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>

Answer 2

Each id value must be used only once within a document. If more than one element has been assigned the same ID, queries that use that ID will only select the first matched element in the DOM.

Source

Change your ID 's to Class