각각의 내부에서 jQuery의 AJAX 함수 호출하기

Question

나는 클릭 한 테이블 행의 각 버튼에 대해 첨부 된 입력 필드의 값을 가져 와서 PHP 파일에 데이터로 보내도록하고 싶습니다. 쿼리를 실행합니다.

<script type="text/javascript"> 
    $("tr").each(function() { 
      var password = $(this +" td input").val(); 

      $(this +" td button").click(function(){ 
       $.ajax({ 
        type:"POST", 
        url:"script.php", 
        data:"password="+ password, 
       }); 
      }); 
    }); 
</script> 
<?php 
     for($i=0;$i<10;$i++) { 
      echo "<tr> 
        <td> 
         <input type='text' maxlength='15' value=''/> 
         <button>Change</button> 
        </td> 
       </tr>"; 
     } 
?> 

각 행에서 입력 필드와 버튼을 선택할 수없는 것 같습니다. 어떤 아이디어?

Answer 1

개체를 문자열과 연결하여 유효한 선택기를 얻을 수 없습니다.

당신은이 중 하나처럼 뭔가를 할 필요가있을 것이다 : 또한

$(this).find('td input') 
$('td input', this) 

는, 루프가 필요하지 않습니다. 나는 다음과 같이 단순화 할 것이다 :

$('button').click(function (e) { 
    e.preventDefault(); 

    $.ajax({ 
     type: "POST", 
     url: "script.php", 
     data: "password=" + $(this).siblings('input[type=text]').val(), 
    }); 

});