jquery를 사용하여 <td>의 값을 업데이트하는 방법

Question

사용자의 계정 세부 정보를 표시하는 테이블을 만듭니다. 이 표에서 사용자 계정을 관리하고 있습니다. 이제 accountStatus 클래스의 TD에 업데이트 된 accountStatus 값을 표시하려고합니다.

function manage_user_account(userID,value){ 
    $.post(url,{ 
     userID : userID, 
     value : value 
    }, 
    function(response){ 
     if(response.status == 1000){ 
      alert(response.accountStatus); 
      $(this).closest('tr').find('.accountStatus').html(response.accountStatus); 


      $("#headMsg").text('Account status has been successfully updated'); 
      $("#headMsg").show(); 
     } 
     else if(response.status == 1300){ 
      $("#headMsg").text('Account status updation failed ! Try Again.'); 
      $("#headMsg").show(); 
     } 
     else if(response.status == 1200){ 
      $("#headMsg").text('Web server error ! Try Again.'); 
      $("#headMsg").show(); 
     } 
    },'json'); 
} 

그러나 값이 동시에 업데이트되지 사용하여 컨트롤러에 전송 된 마지막 테이블 열에서 버튼 중 하나에서 ID와 새 accountStatus 값을 클릭

foreach ($result_val->result() as $row) { 
     $accountStatus = array('data' =>$row->accountStatus,'class' => 'accountStatus'); 
     $this->table->add_row($row->username,$row->email,$accountStatus,(($row->accountStatus == 'deleted')? " " :"<input type=\"button\" id=".$row->userID." class=\"btn btn-warning btn-small block\" value=\"Block\"> <input type=\"button\" id=".$row->userID." class=\"btn btn-success btn-small activate\" value=\"Activate\"> <input type=\"button\" id=".$row->userID." class=\"btn btn-danger btn-small delete\" value=\"Delete\">")); 
    } 

, 그것을 페이지를 다시로드 한 후에 표시됩니다. 도와주세요.

Answer 1

this은 글로벌 윈도우 개체를 참조 할 가능성이 있습니다. 함수에 클릭 처리기에서 event.target을 전달합니다

$(foo).click(function(event) { 
    ... 
    manage_user_account(id,val,event.target); 
} 


function manage_user_account(userID,value,button){ 
... 
    $(button).closest('tr').find('.accountStatus').html(response.accountStatus);