jquery - jquery如何遍历属性值列表

Question

我有这个方法：

$("#btnupdateofficeapprovers").click(function () {
        var checkedInvoiceLineIds = $(":checked").attr("data-invoicelineid");

        checkedInvoiceLineIds.each(function (index) {
            alert(index + ': ' + $(this).text());
        });
    });




<table>
        @foreach (var item in Model.Invoice.InvoiceLines) {
            <tr class="subheader">
                <td>
                    <input type="checkbox" class="invoicelinecombobox" data-invoicelineid=@item.InvoiceLineId >
                </td>
            </tr>

        }
    </table>

<div id="updateapproversdiv">
    @Html.DropDownListFor(modelItem => Model.Invoice.ApprovedForPaymentUserId, Model.OfficeApprovers, new { @class = "officeapproverddl" })
    <input type="button" id="btnupdateofficeapprovers" class="button invisibleforprint" value="Update" />
</div>

我想要做的是获取所有的 invoicelineid 并将它们放在一个集合中。

接下来，我想遍历列表中的每个 id 并将其显示在警报中。

问题是这引发了一个很大的异常。有谁知道如何解决？这个怎么做？

Answer 1

您可以简单地使用 jQuery 选择器“具有属性”：http ://api.jquery.com/has-attribute-selector/

jsfiddle：http: //jsfiddle.net/NF5Ss/1/

$("#btnupdateofficeapprovers").click(function () {
    var checkedInvoiceLineIds = $(":checked[data-invoicelineid]");

    console.log(checkedInvoiceLineIds);

    checkedInvoiceLineIds.each(function(index) {
       alert(index + ': ' + $(this).data('invoicelineid'));
    });
});​

Answer 2

attr()返回一个字符串。你不能用each(). 这可能是你想要做的：

$("#btnupdateofficeapprovers").click(function () {
    var ids = $("input:checked").attr("data-invoicelineid").split(' ');
    $.each(ids, function(i, v) {
        alert(i + ': ' + v);
    });
});

编辑：你也可以像@Armatus建议的那样做：

$("#btnupdateofficeapprovers").click(function () {
    var $els = $("input:checked");
    $els.each(function(i){
        alert(i + ': ' + $(this).attr('data-invoicelineid'));
    });
});

Answer 3

.each 遍历一个 jquery 对象。您将 checkedInvoiceLineIds 分配给 .attr() ，它是一个字符串并且没有 .each

使其 =$(':checked') 然后在 .each 中访问其 .attr。