在每个内部调用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(),
    });

});