jQuery để chỉ tuần tự hóa các phần tử trong một div

Tôi muốn có được hiệu ứng tương tự jQuery.serialize()nhưng tôi chỉ muốn trả lại những phần tử con của một cái đã cho div.

Kết quả mẫu:

single=Single2&multiple=Multiple&radio=radio1

Không vấn đề gì. Chỉ cần sử dụng những điều sau đây. Điều này sẽ hoạt động chính xác giống như tuần tự hóa một biểu mẫu nhưng thay vào đó sử dụng nội dung của div.

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

Kiểm tra https://jsbin.com/xabureladi/1 để xem thử ( https://jsbin.com/xabureladi/1/edit để biết mã)

Bạn có thể cải thiện tốc độ mã của mình nếu bạn hạn chế các mục mà jQuery sẽ xem xét.

Sử dụng bộ chọn : đầu vào thay vì * để đạt được nó.

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

Điều này sẽ làm cho mã của bạn nhanh hơn vì danh sách các mục ngắn hơn.

serializetất cả các phần tử biểu mẫu trong a div.

Bạn có thể làm điều đó bằng cách nhắm mục tiêu div #target-div-idbên trong formbằng cách sử dụng:

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

Chức năng tôi sử dụng hiện tại:

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

Cũng thử cái này:

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

Còn giải pháp của tôi:

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>

Nếu các phần tử đó có tên lớp chung, người ta cũng có thể sử dụng tên này:

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

Bằng cách này, bạn có thể tránh lựa chọn các nút, sẽ được chọn bằng cách sử dụng bộ chọn jQuery :input. Mặc dù điều này cũng có thể tránh được bằng cách sử dụng$('#your_div :input:not(:button)').serialize();

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