序列化表单但有些元素

Question

我有一个表单,其中包含几个div中的元素.

根据下拉列表,可能会隐藏其中一些div,并显示一些div.

我想序列化窗体只有可见的元素而不是隐藏的div.

有什么方法可以过滤掉那些隐藏的div.

试过这个,但不起作用

$('<tr />').data($(this).find('form:not(.child:hidden)').serializeObject());

serializeObject是一个将serializeArray转换为Object的插件.

Answer 1

假设在您的上下文this中<form>尝试以下内容:

var data = $(':input:visible', this).serialize();
$('<tr />').data(data);

这是一个现场演示.