jquery - 我的视图中有一个 foreach 循环，它生成一个表，我想将该表中的一些行传递给 jquery

Question

我的视图中有一个 foreach 循环它会生成一个表。在我的每一行表中，我都有一个复选框如果选中该复选框，我必须将该特定行传递给 jquery 如果选中多行，我必须传递多行。你能指导我如何做到这一点。提前致谢。

Answer 1

好吧...假设你有这张桌子

<table>
<tr>
    <td><input type="checkbox" name="selectedItem"/></td>
    <td>100</td><td>Apple</td><td>Fruit</td>
<tr>
<tr>
    <td><input type="checkbox" name="selectedItem"/></td>
    <td>101</td><td>Cabbage</td><td>Veggie</td>
<tr>
<tr>
    <td><input type="checkbox" name="selectedItem"/></td>
    <td>102</td><td>Orange</td><td>Fruit</td>
<tr>
</table>

这就是您可以将数据收集到 jquery 对象中的方式。

function collectItems() {
    // placeholder for your selected items
    var items = [];

    // query for selected items (checked checkboxes)
    $('[name="selectedItem"]:checked').each(function() {
        var row = $(this).closest('tr');                                
        var item = {
            id: row.find('td:nth-child(2)').text(),
            name: row.find('td:nth-child(3)').text(),
            category: row.find('td:nth-child(4)').text(),
        };                
        items.push(item);
    });       
}