Получить конкретный идентификатор кнопки и идентификатор div внутри цикла

Question

Пожалуйста, у кого-нибудь есть идея сделать эту логику ?? Я хочу сделать конкретный идентификатор кнопки и div для всякий раз, когда я нажимаю на конкретный пост, появится кнопка «x» (которая является кнопкой del для сообщения). Я не могу нормально работать в jQuery, поэтому, пожалуйста, помогите. Любые идеи будут высоко оценены. Спасибо :) вот код:

var r = 0; 
while(r < 2000){ 
r++; 
$("#groups").on('click', '#post_tbl'+r, function(){ 

    $("#delpost1"+r).toggle("fast"); 

});} 

и DIV и кнопки, петельные:

<?php 

$c = 0; 
while($c < 2000) 
{ 
$c++; 
echo "<div id='post_tbl$c' >"; 
echo "POST"; // I don't include the whole code for looping post from database for simplicity of my question 
echo "<button id='delpost$c' style='display: none;' >x</button>"; 
echo "</div>"; 

} 

?> 

Answer 1

<?php 

$c = 0; 
while($c < 2000) 
{ 
$c++; 
echo "<div id='post_tbl$c' class='postclass' >"; 
echo "POST"; // I don't include the whole code for looping post from database for  simplicity of my question 
echo "<button class='togglebutton' id='delpost$c' style='display: none;' >x</button>"; 
echo "</div>"; 

} 

?> 

и в JQuery

$(document).on('click','.postclass',function(){ 
    $(this).find('.togglebutton').toggle('fast'); 
}); 

в этом случае и не нужно использовать какие-либо идентификаторы

в любом случае, если вы пытаетесь использовать тот же тип элементов снова, попробуйте использовать класс, а не id, если это не требуется обязательно

Answer 2

Это имеет смысл для меня, чтобы поместить идентификатор DIV внутри его собственного места вместо добавляющего это до конца каждого идентификатора в цикле.

Например: в PHP, включают в себя идентификатор в скрытой переменной

<div class="post_tbl"> 
    <input class="post_id" type="hidden" value='<?php echo $c; ?>' /> 
    <button class="delete">X</button> 
</div> 

И в JQuery, при нажатии кнопки Х - искать ближайший ID.

$('.delete').on('click', function() { 
    var id = $(this).closest('.post_id').val(); 
    // do stuff with id 
});