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

});