Ajax отправка в php, тогда echo в div

Question

У меня есть функция ajax, которая отправляет переменную num - в php-скрипт, а затем эхо значение num в div с id «status».

Сначала происходит то, что пользователь делает сообщение, я запускаю все необходимые запросы и отображаю сообщения пользователей в div, называемом «сообщениями» (используйте цикл while, чтобы каждый пост находился в div с тем же идентификатором, но div находятся под одним и другим). Я бы хотел, чтобы функциональность ajax работала в каждом из этих «сообщений» divs (каждый «столбик» div содержит две кнопки js witch - onclick - управляет функцией ajax, а также «статус» div)

каждый раз, когда я нажимаю одну из кнопок, можно сказать, что в нижней части отображается наиболее заметное «сообщение» div (нажатие кнопки вызывает функцию ajax/js), функция выполняет в верхней части «сообщений» div, где первый «статус» "div, тогда как он должен отображаться в нижней части div, где я нажал кнопку.

Answer 1

EDIT: Извините, я предполагал, что вы используете jQuery. Виноват.

Вы должны использовать классы вместо идентификаторов. Если вы используете идентификатор jquery, это повлияет только на первый в DOM. Идентификаторы должны использоваться только один раз на странице.

Использовать классы, а затем ссылаться на разделы, которые вы хотите редактировать не только по имени класса, но и по какой-либо ссылке на столбец, с которым вы взаимодействуете.

$('.posts .button').click(function() { 
    //do ajax stuff... 
    $(this).parent('div').find('.status').html(data); 
} 

Обновленный код:

// .posts should be the class of the posts div 
// .button should be the class of the button on which you are activating your ajax 
$('.posts .button').click(function() { 
    $.post('your ajax post URL', function(data) { 
     $(this).parent('div').find('.status').html(data); 
    }) 
});