2015-10-08 2 views
0

В настоящее время я перечисляю 10 элементов на страницу, и проблема в том, что когда эта функция называется, она будет нацелена только на 1-й (последний) элемент и ничего не делать на остальных. Мой вопрос: Как бы настроить таргетинг на каждого человека <span id="report-text"></span> с элементом <i id="report"></i>, принадлежащим к тому же уникальному идентификатору <div id="$dbstuff></div>, предоставленным PHP.Таргетинг на определенный элемент ID, который передается из PHP

Это мой 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> 
+3

идентификаторы уникальны; используйте класс –

+0

, если бы был такой же, как я, это место было бы абсолютным * mayhem * ;-) –

+0

Сделал это, но оказалось еще хуже: '.show()' перемещает элементы по всей странице. – Sutekh

ответ

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> 
+0

Это все. Хорошо, сэр, спасибо. – Sutekh

+0

Рад помочь вам .. счастливое кодирование :) –

0

Каждое значение идентификатора должен быть использован только один раз в документе. Если более чем одному элементу присвоен один и тот же идентификатор, запросы , которые используют этот идентификатор, будут выбирать только первый согласованный элемент в DOM.

Source

Измените ID «с до Class

+0

Это работает, но не так, как я понял, каждый элемент отображается, и он перемещает все остальные элементы, отправляющие страницу в полный хаос. – Sutekh