Ajax PHP로 보내기 div에서 에코

Question

변수 - num을 PHP 스크립트로 보낸 다음 id가 "status"인 div에서 num 값을 반향하는 ajax 함수가 있습니다.

처음에는 사용자가 게시물을 만들고 모든 필요한 쿼리를 실행하고 "posts"라는 div에 사용자 게시물을 표시합니다 (while 루프를 사용하여 각 게시물이 동일한 ID를 가진 div에 있지만 div는 하나 이하입니다). 나는이 "게시물"div (각 "posts"div에는 두 개의 js 버튼 마녀가 포함되어 있습니다 - onclick - "status"div뿐만 아니라 ajax 함수도 관리)의 각 하나에서 작동하도록 아약스 기능을 원합니다.

그러나 내가 버튼 중 하나를 클릭 할 때마다, 가장 밑의 가장 눈에 보이는 "posts"div가 표시된다 (click 된 버튼은 ajax/js 함수를 호출 함), 함수는 가장 많은 "posts"div에서 첫 번째 "status "div는 버튼을 클릭 한 부분의 가장 아래쪽에 표시되어야합니다.

Answer 1

편집 : 죄송합니다. jQuery를 사용하고 있었다고 가정합니다. 내 잘못이야.

ID 대신 클래스를 사용해야합니다. ID를 사용하면 jquery는 DOM의 첫 번째 항목에만 영향을 미칩니다. ID는 페이지 당 한 번만 사용해야합니다.

클래스를 사용하고 상호 작용하려는 게시물 div에 대한 일종의 참조로 클래스 이름뿐만 아니라 편집 할 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); 
    }) 
});