CODEWITHSUNDEEP
javascriptphpjquery
Sutekh
Sutekh

Reputation: 65

Targeting specific element ID that is passed from PHP

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>

Upvotes: 0

Views: 778

Answers (2)

Nick
Nick

Reputation: 3281

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

Upvotes: 0

Rohit Kumar
Rohit Kumar

Reputation: 1958

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>

Upvotes: 1

Related Questions