jquery.ajax로 특정 html 테이블 행 변경

Question

MySQL 테이블에서 PHP 쿼리를 통해 생성 된 HTML 테이블이 있습니다.

<table> 
    <tr> 
     <th>Sl</th> 
     <th>ID</th> 
     <th>Article Name</th> 
     <th>Publish Status</th> 
    </tr> 
    <?php 
     $i = 1; 
     foreach ($obj->showAllFromTable('pattern') as $pattern) { 
     extract($pattern); 
     ?> 
    <tr> 
     <td><?php echo $i++; ?></td> 
     <td><?php echo $id; ?></td> 
     <td><?php echo $pattern_name; ?></td> 
     <td id="publish_<?php echo $id; ?>" class="status_pattern"> 
     <?php echo $publish; ?> 
     </td> 
    </tr> 
    <?php 
     }   
     ?> 
</table> 

해당 기사 행의 '게시'셀을 클릭하여 기사의 상태를 변경하고 싶습니다. 은 "성공"블록에서

<script type="text/javascript"> 
$(document).ready(function(){ 
$('.status_pattern').click(function(){ 
    var thisid = $(this).attr('id'); 

    $.ajax({ 
     url: "status_change_pattern.php", 
     data: { 
      id: thisid 
     }, 
     success: function (response) { 
      alert(response); 
     } 
    }); 
}); 
}); 
</script> 

, 나는의 텍스트를 변경하는 기능을 만들려는 대신에 "경고"로, 다음과 같이 나는이 목적을 위해 JQuery와의 아약스 방법을 사용하는 것을 시도하고있다 내가 클릭 한 특정 세포. "status_change_pattern.php"에는 "Hey Hey"라는 텍스트 만 있습니다. 아무도 도와 줄 수 있습니까? 부디. 감사합니다. . 당신은 쓸 필요가

Answer 1

ID를 보존하려면 closure을 사용해야합니다.

<script type="text/javascript"> 
$(document).ready(function(){ 
    $('.status_pattern').click(function(){ 
     var thisid = $(this).attr('id'); 

     $.ajax({ 
      url: "status_change_pattern.php", 
      data: { 
       id: thisid 
      }, 
      success: function (id) { 
       return function (response) { 
        $("#" + id).html(response); 
       } 
      }(thisid) 
     }); 
    }); 
}); 
</script> 

Answer 2

, 응답 여기

success: function (response) { 
      $(thisid).html(response); 
     } 

, 당신은 새로운 상태를 얻을 필요가있다.

Answer 3

SajithNair가 제공 한 솔루션이 작동합니다. SajithNair에게 감사드립니다. 그러나 클로저를 사용하지 않고도이를 수행 할 수 있습니다. 아래 그림과 같이 :

$('.status_pattern').click(function() { 
     var thisid = $(this).attr('id'); 

     $.ajax({ 
      url : "status_change_pattern.php", 
      data : { 
       id : thisid 
      }, 
      success : function(response) { 
       $('#' + thisid).html(response); 
      } 
     }); 
    }); 

감사