テーブルから項目を配列に配置する方法jquery

Question

foreachループによって反復されるテーブルがあり、アイテムがデータベースから来ているとします。例えば

、

<table> 
    <?php while($row = $result->fetch_assoc()){?> 
    <tr> 
     <td><?php echo $row['id'] ?></td> 
     <td><?php echo $row['name'] ?></td> 
     <input type="button" name="add" /> 
    </tr> 
    <?php }?> 
</table> 

は、今、私がクリックしたときに特定のアイテムが配列やリストに追加する必要があることを追加することを繰り返し、何が欲しいことになるすべての行にあるボタンがあります。それは私が好きなだけ多くのアイテムを追加することができますし、最後にはワンクリックでデータベースに挿入します。

クラスでjQueryを学習しましたが、あまり学習できませんでした。それはクライアント側のスクリプト言語なので、このことは私が推測することによってのみ達成されます。

誰か助けてもらえますか？ ありがとうございました:)

Answer 1

私の例を確認してください。テストのためにスニペットを実行します。追加ボタンをクリックするたびにIDの配列を取得します。次に送信する別のボタンを追加するだけで、そのボタンのclickイベントでは、配列としてデータとしてPHPファイルにajaxを呼び出すことができます。

$(document).ready(function(){ 
 
    var array_ids = []; 
 
    $('.add_button').click(function(){ 
 
    array_ids.push($(this).parent().siblings('.row_id').html().trim()); 
 
    alert(array_ids); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table border="1"> 
 
    <tr> 
 
     <td class="row_id">1</td> 
 
     <td>one</td> 
 
     <td><button class="add_button">Add</button></td> 
 
    </tr> 
 
    <tr> 
 
     <td class="row_id">2</td> 
 
     <td>two</td> 
 
     <td><button class="add_button">Add</button></td> 
 
    </tr> 
 
    <tr> 
 
     <td class="row_id">3</td> 
 
     <td>three</td> 
 
     <td><button class="add_button">Add</button></td> 
 
    </tr> 
 
    <tr> 
 
     <td class="row_id">4</td> 
 
     <td>four</td> 
 
     <td><button class="add_button">Add</button></td> 
 
    </tr> 
 
</table>