jQuery只序列化div中的元素

Question

我想得到同样的效果,jQuery.serialize()但我想只返回给定的子元素div.

样本结果:

single=Single2&multiple=Multiple&radio=radio1

Answer 1

没问题.只需使用以下内容.这将与序列化表单完全相同,但使用div的内容.

$('#divId :input').serialize();

查看http://jsbin.com/azodo进行演示(http://jsbin.com/azodo/edit获取代码)

Answer 2

如果限制jQuery将要查看的项目,您可以提高代码的速度.

使用selector :input而不是*来实现它.

$('#divId :input').serialize()

这将使您的代码更快,因为项目列表更短.

Answer 3

serialize一个中的所有表单元素div.

你可以通过#target-div-id在你的form使用中定位div来做到这一点:

$('#target-div-id').find('select, textarea, input').serialize();

希望这可以帮助.

Answer 4

我目前使用的功能：

/**
 * Serializes form or any other element with jQuery.serialize
 * @param el
 */
serialize: function(el) {
    var serialized = $(el).serialize();
    if (!serialized) // not a form
        serialized = $(el).
          find('input[name],select[name],textarea[name]').serialize();
    return serialized;
}