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(),
    });

});