jQuery para serializar solo elementos dentro de un div

Me gustaría obtener el mismo efecto que, jQuery.serialize()pero me gustaría devolver solo los elementos secundarios de un determinado div.

Resultado de la muestra:

single=Single2&multiple=Multiple&radio=radio1

No hay problema. Solo usa lo siguiente. Esto se comportará exactamente como serializar un formulario, pero usando el contenido de un div.

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

Consulte https://jsbin.com/xabureladi/1 para ver una demostración ( https://jsbin.com/xabureladi/1/edit para ver el código)

Puede mejorar la velocidad de su código si restringe los elementos que jQuery verá.

Utilice el selector : entrada en lugar de * para lograrlo.

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

Esto hará que su código sea más rápido porque la lista de elementos es más corta.

serializetodos los elementos de formulario dentro de a div.

Podrías hacerlo apuntando al div #target-div-iddentro de tu formusando:

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

La función que uso actualmente:

/**
 * 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;
}

Prueba también esto:

$ ('# divId'). find ('entrada'). serialize ()

¿Qué pasa con mi solución?

function serializeDiv( $div, serialize_method )
{
    // Accepts 'serialize', 'serializeArray'; Implicit 'serialize'
    serialize_method = serialize_method || 'serialize';

    // Unique selector for wrapper forms
    var inner_wrapper_class = 'any_unique_class_for_wrapped_content';

    // Wrap content with a form
    $div.wrapInner( "<form class='"+inner_wrapper_class+"'></form>" );

    // Serialize inputs
    var result = $('.'+inner_wrapper_class, $div)[serialize_method]();

    // Eliminate newly created form
    $('.script_wrap_inner_div_form', $div).contents().unwrap();

    // Return result
    return result;
}

/* USE: */

// For: $('#div').serialize()
serializeDiv($('#div')); /* or */ serializeDiv($('#div'), 'serialize');

// For: $('#div').serializeArray()
serializeDiv($('#div'), 'serializeArray');

function serializeDiv( $div, serialize_method )
{
	// Accepts 'serialize', 'serializeArray'; Implicit 'serialize'
	serialize_method = serialize_method || 'serialize';

	// Unique selector for wrapper forms
	var inner_wrapper_class = 'any_unique_class_for_wrapped_content';

	// Wrap content with a form
	$div.wrapInner( "<form class='"+inner_wrapper_class+"'></form>" );

	// Serialize inputs
	var result = $('.'+inner_wrapper_class, $div)[serialize_method]();

	// Eliminate newly created form
	$('.script_wrap_inner_div_form', $div).contents().unwrap();

	// Return result
	return result;
}

/* USE: */

var r = serializeDiv($('#div')); /* or serializeDiv($('#div'), 'serialize'); */
console.log("For: $('#div').serialize()");
console.log(r);

var r = serializeDiv($('#div'), 'serializeArray');
console.log("For: $('#div').serializeArray()");
console.log(r);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="div">
  <input name="input1" value="input1_value">
  <textarea name="textarea1">textarea_value</textarea>
</div>

Si esos elementos tienen un nombre de clase común, también se puede usar esto:

$('#your_div .your_classname').serialize()

De esta manera, puede evitar la selección de botones, que se seleccionarán con el selector de jQuery :input. Aunque esto también se puede evitar usando$('#your_div :input:not(:button)').serialize();

$('#divId > input, #divId > select, #divId > textarea').serialize();