Question

如何循环遍历'tr.acf-row'中的复选框，而不是'acf-row clone'？任何帮助表示赞赏！谢谢！

以下是我的尝试：

 jQuery('.field_key-field_54232c5d030ed .acf-input  input[type=checkbox]').not('.clone').each(function () {
  // Check if the non '.clone' row's checkboxes are checked or not. Ignore checkboxes that are in '<tr class="acf-row clone">'
 });



    <table class="acf-table acf-input-table table-layout">
    <thead>
    <tr>
        <th class="acf-th acf-th-rooms" data-key="field_54232c5d030ed">
             Selected Rooms
        </th>
    </tr>
    </thead>
    <tbody>
    <tr class="acf-row">
        <td class="acf-field field_type-checkbox field_key-field_54232c5d030ed" data-name="rooms" data-type="checkbox" data-key="field_54232c5d030ed">
            <div class="acf-input">
                <input type="hidden" name="acf[field_54232c4b030ec][0][field_54232c5d030ed]">
                <ul class="acf-checkbox-list acf-bl">
                    <li><label><input type="checkbox" id="acf-field_54232c4b030ec-0-field_54232c5d030ed" name="acf[field_54232c4b030ec][0][field_54232c5d030ed][]" value="Roof" checked="checked">Roof</label></li>
                    <li><label><input type="checkbox" id="acf-field_54232c4b030ec-0-field_54232c5d030ed-Brackets" name="acf[field_54232c4b030ec][0][field_54232c5d030ed][]" value="Brackets">Brackets</label></li>
                    <li><label><input type="checkbox" id="acf-field_54232c4b030ec-0-field_54232c5d030ed-Fiber Cement Panels" name="acf[field_54232c4b030ec][0][field_54232c5d030ed][]" value="Fiber Cement Panels" checked="checked">Fiber Cement Panels</label></li>
                </ul>
            </div>
        </td>
    </tr>
    <tr class="acf-row clone">
        <td class="acf-field field_type-checkbox field_key-field_54232c5d030ed" data-name="rooms" data-type="checkbox" data-key="field_54232c5d030ed">
            <div class="acf-input">
                <input type="hidden" name="acf[field_54232c4b030ec][acfcloneindex][field_54232c5d030ed]" disabled="disabled">
                <ul class="acf-checkbox-list acf-bl">
                    <li><label><input type="checkbox" id="acf-field_54232c4b030ec-acfcloneindex-field_54232c5d030ed" name="acf[field_54232c4b030ec][acfcloneindex][field_54232c5d030ed][]" value="Roof" disabled="disabled">Roof</label></li>
                    <li><label><input type="checkbox" id="acf-field_54232c4b030ec-acfcloneindex-field_54232c5d030ed-Brackets" name="acf[field_54232c4b030ec][acfcloneindex][field_54232c5d030ed][]" value="Brackets" disabled="disabled">Brackets</label></li>
                    <li><label><input type="checkbox" id="acf-field_54232c4b030ec-acfcloneindex-field_54232c5d030ed-Fiber Cement Panels" name="acf[field_54232c4b030ec][acfcloneindex][field_54232c5d030ed][]" value="Fiber Cement Panels" disabled="disabled">Fiber Cement Panels</label></li>
                </ul>
            </div>
        </td>
    </tr>
    </tbody>
    </table>

Answer 1

您可以使用:not()选择器过滤掉您不想要的内容。

$('tr.acf-row:not(.clone) :checkbox').each(function() {
});

另请参阅：:checkbox

Answer 2

$("tr.acf-row:not(.clone) input[type=checkbox]").each(function()
{
    // do stuff
});

Answer 3

可能是这样的：

$('.acf-row:not(.clone)');

自： http://api.jquery.com/not-selector/

jQuery - 循环使用第一个和每个？

3 个答案: