试图从 jQuery 生成一个数组：checked 选择器

Posted 2023-05-09

【中文标题】试图从 jQuery 生成一个数组：checked 选择器

【英文标题】：Trying to generate an array from jQuery :checked selector

【发布时间】：2013-12-07 14:03:47

【问题描述】：

我有一张这样的桌子：

<tr class="row">
    <td class="row-checkbox-delete-row">
        <input tabindex="-1" class="checkbox-delete-row" type="checkbox" />
    </td>
    <td class="row-target">10</td>
    <td class="row-product-id">
        <input class="id-target row-product-id" name="lineItem[0].originalInput" type="text" data-ajax-line-id="1" />
    </td>
    <td class="row-qty">
        <input class="qty-target row-qty" name="lineItem[0].quantity" type="text" value="1" />
    </td>
    <td class="row-description"></td>
    <td class="row-abc6"></td>
    <td class="row-abc8">
        <input readonly tabindex="-1" class="abc8-target row-abc8" name="lineItem[0].abc8" type="text" />
    </td>
    <td class="row-upc"></td>
    <td class="row-ndc"></td>
</tr>
<tr class="row">
    <td class="row-checkbox-delete-row">
        <input tabindex="-1" class="checkbox-delete-row" type="checkbox" />
    </td>
    <td class="row-target">30</td>
    <td class="row-product-id">
        <input class="id-target row-product-id" name="lineItem[0].originalInput" type="text" data-ajax-line-id="2" />
    </td>
    <td class="row-qty">
        <input class="qty-target row-qty" name="lineItem[0].quantity" type="text" value="1" />
    </td>
    <td class="row-description"></td>
    <td class="row-abc6"></td>
    <td class="row-abc8">
        <input readonly tabindex="-1" class="abc8-target row-abc8" name="lineItem[0].abc8" type="text" />
    </td>
    <td class="row-upc"></td>
    <td class="row-ndc"></td>
</tr>
<tr class="row">
    <td class="row-checkbox-delete-row">
        <input tabindex="-1" class="checkbox-delete-row" type="checkbox" />
    </td>
    <td class="row-target">10</td>
    <td class="row-product-id">
        <input class="id-target row-product-id" name="lineItem[0].originalInput" type="text" data-ajax-line-id="3" />
    </td>
    <td class="row-qty">
        <input class="qty-target row-qty" name="lineItem[0].quantity" type="text" value="1" />
    </td>
    <td class="row-description"></td>
    <td class="row-abc6"></td>
    <td class="row-abc8">
        <input readonly tabindex="-1" class="abc8-target row-abc8" name="lineItem[0].abc8" type="text" />
    </td>
    <td class="row-upc"></td>
    <td class="row-ndc"></td>
</tr>

我有一个这样的变量语句：

var lineids = $(".checkbox-delete-row:checked").parents("td").siblings(".row-product-id").find(".id-target").attr("data-ajax-line-id");

我正在尝试收集所有 data-ajax-line-id 属性并将它们放入一个数组而不循环整个事物（使用类似于我上面的 jQuery 选择器的东西）但现在它返回未定义。

我做错了什么？

【参考方案1】：

试试.map()

var arr = $(".checkbox-delete-row:checked").closest("tr").find(".row-product-id .id-target").map(function() 
    return $(this).attr("data-ajax-line-id");
).get();

---

要么

var arr = $(".checkbox-delete-row:checked").closest("tr").find("input.id-target").map(function() 
    return $(this).attr("data-ajax-line-id");
).get();

---

var arr = $(".checkbox-delete-row:checked").closest("tr").find("input.id-target").map(function() 
    return $(this).data("ajax-line-id");
).get();