javascript - 带有复杂选择器的 JQuery 序列化

Question

我有要序列化的表格，其中包含表格:

<form id="myForm" method="post">
    <table>
        <tr class="hide">
            <td><input /></td>
        </tr>
        <tr>
            <td><input /></td>
        </tr>
        ...
    </table>
</form>

我想使用 JQuery 序列化，但没有 <tr> 中的表单元素带有 hide 的元素类(class)。我试过这个:

$('#myForm').not('.hide').serialize()

但是 not 中的选择器正在寻找hide仅在表单元素中。有没有办法检查最近的 parent <tr> not 中类的元素选择器？

Answer 1

要在序列化之前从表单中删除元素，首先克隆表单然后删除不需要的元素并序列化可能更容易:

var cloned_form = $('#myForm').clone(false);
    cloned_form.remove('.hide');

var serialized = cloned_form.serialize();

另一种方法是定位表单内的所有元素，并过滤掉 .hide 元素内的所有内容，如下所示:

$('*','#myForm').filter(function() {
    return !$(this).closest('.hide').length;
}).serialize();