Question

我目前每页列出10个项目，问题是当调用此函数时，它只会定位第一个（最新）元素，而对其余元素不执行任何操作。我的问题是：我如何针对每个人 <span id="report-text"></span> <i id="report"></i>元素属于PHP给出的同一个唯一标识<div id="$dbstuff></div>。

这是我的目标元素

的Jquery代码

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

HTML代码如下：

<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

你可以通过实现正确的选择器来实现。在评论中使用类作为建议..

执行以下操作 -

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

每个id值只能在文档中使用一次。如果为多个元素分配了相同的ID，则使用该ID的查询将仅选择DOM中的第一个匹配元素。

Source

将您的ID更改为Class

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

2 个答案: