Вызов функции AJAX jQuery внутри каждого

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

});