whileループ内でJavascriptコードが機能しない

Question

ajaxでフォームを送信しようとしていますが、そのフォームは実際にテーブルにあります。私はwhileループで満たされたテーブルを作成しました+クリックするとすべての行のボタンが送信されますが、ボタンをクリックすると何も起こりません。どんな考え？ここに私のコードです。また、そのフォームを提出する正しい方法ですか？私はすべてのフォームのJSコードを生成することを意味します。

EDIT： でも警告し、その後、単純な.click 1にその機能を変更した後、それは何もしません。完全に実行されないように見える

while($row = $stmt->fetch()) 
{ $x++; 
    echo '<tr> 
    <form id="lululu-'. $x .'" method="post"> 
    <td>'. $x .'</td> 
    <td><label>' .$row["WebName"] . '</label></td> 
    <input type="hidden" name="clothes" value="'.$row["clothes"] .'"/> 
    <input type="hidden" name="pieces" value="'.$row["pieces"] .'"/> 
    <input type="hidden" name="userId" value="'.$row["userId"] .'"/> 
    <td><img src="/img/knownitem.png" alt="Not found" /></td> 
    <td><label>'.$row["gear"] .'</label></td> 
    <td><label>1</label></td> 
    <td><label>2</label></td> 
    <td><label>3</label></td> 
    <td><select name="selltype"> 
     <option value="1" name="1">1</option> 
     <option value="0" name="0">0</option> 
    </select></td> 
    <td><input type="number" name="cost" min="1" style="width: 50px;" value="1"/></td> 
    <td><input type="text" name="test"/></td> 
    <td><input type="submit" name="submit" class="btn btn-primary btn-block" value="GetIn" /></td> 
    </form></tr> 
    <script type="text/javascript"> 
    jQuery("#lululu-' . $x . '").submit(function (e) { 
     e.preventDefault(); 
     $.ajax({ 
       type: "POST", 
       url: "/duuh/test.php/", 
       data: $("#lululu-'. $x .'").serialize(), 
       success: function(data) 
       { 
    alert("success"); 
       } 
      }); 
     }); 
    </script> 
    '; 
} 
echo ' </table> 
    </div>'; 

ありがとうございます。

Answer 1

ちょうどループからのJavaScriptコードの一部を削除し、ちょうど

<script type="text/javascript"> 
    jQuery("form[id^='lululu-']").submit(function (e) { 
     e.preventDefault(); 
     $.ajax({ 
      type: "POST", 
      url: "/duuh/test.php/", 
      data: $(this).serialize(), 
      success: function(data) 
       { 
        alert("success"); 
       } 
     }); 
    }); 
</script> 

form[id^='lululu-']ループの外側に次のコードを使用 - このフォームを参照 - IDがlululu-

$(this)

始まるがフォームを選択

個人的には：

1- jsコードを0の内側で使用する代わりにsubmit(function(){})

を使用すると@incrediblehatとして

2 - 使用.on('submit' , function(){})はまた、その上のすべてのフォームクラス=「ルル・フォーム」と試合にクラスを追加することによってそれを行うことができますコメントに言いました：$（」 .luluフォーム」）。....いずれかの方法が