Ajaxがphpに送信してからdivにエコー

Question

私はphpスクリプトに変数numを送り、次にidが "status"のdivにnumの値をエコーするajax関数を持っています。

まず最初に、ユーザーは投稿を行い、必要なすべてのクエリを実行して、「投稿」というdivのユーザー投稿を表示します（whileループを使用して、各投稿は同じIDのdivにあります。 divのいずれかの下にあります）。私は、これらの "投稿" div（各 "投稿" divには2つのjsボタンが含まれています - onclick - ajax関数と "status" divを管理しています）のすべてで動作するようにajaxの機能をしたいです

ただし私がボタンの1つをクリックするたびに、表示された一番下の「ポスト」divが表示されます（クリックされたボタンはクリックされてajax/js関数を呼び出します）。関数は最上位の「posts」divで実行され、 "divは、ボタンをクリックした部分のほとんどのdivに表示されるはずです。

Answer 1

EDIT：申し訳ありませんが、私はあなたがjQueryを使用していると仮定していました。私の悪い。

IDの代わりにクラスを使用する必要があります。 IDを使用すると、jqueryはDOMの最初のものにのみ影響します。 IDはページごとに1回のみ使用してください。

クラスを使用して、編集するdivをクラス名だけでなく、相互作用している投稿部門への参照によって参照します。

$('.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); 
    }) 
});