jQuery - reproduce serialize（）

Question

私は複数のdiv要素を持ち、それぞれにフォームフィールド（テキストの入力と選択）のセットを持っています。

name属性の代わりに、これらのフィールドには、「name」と同じ値を持つrel属性があります。

これらのフィールドでjQueryのシリアライズ（http://api.jquery.com/serialize/）の動作を再現するにはどうすればよいですか？

HTMLは次のようになりますように、

<div> 
    <input type="text" rel="title" value="bla" /> 
    <input type="text" rel="count" value="5" /> 
    <select rel="page"> 
    <option value="home">home</option> 
    <option value="about" selected="selected">about</option> 
    <option value="404">404</option> 
    </select> 
    <input type="hidden" name="serialize_above_fields[]" value="" /> 
</div> 

<div> 
    <input type="text" rel="title" value="bla" /> 
    <input type="text" rel="count" value="5" /> 
    <select rel="page"> 
    <option value="home">home</option> 
    <option value="about" selected="selected">about</option> 
    <option value="404">404</option> 
    </select> 
    <input type="hidden" name="serialize_above_fields[]" value="" /> 
</div> 

... 

基本的に私はそれが存在するのdiv内のフィールドのすべての値を非表示入力フィールドを生成（及びキーとして相対者を使用）したい：

<input type="hidden" name="serialize_above_fields[]" value="title=bla&count=5&page=check2&page=about" /> 

Answer 1

jQueryのmapユーティリティを使用すると、それを簡単に行うことができます。

$('div').each(function() { 
    var serializedData = $(this).find(':text, select').map(function(i, el) { 
    return $(el).attr('rel') + '=' + $(el).val(); 
    }).get(); 

    $(this).find('input[type=hidden]').val(serializedData.join('&')); 
}); 

Answer 2

ご入力要素がすべて<form></form>内であれば、あなたがこのようなものを使用して、フォームをシリアル化しようとすることができます：

$.fn.serializeObject = function() 
{ 
    var o = {}; 
    var a = this.serializeArray(); 
    $.each(a, function() { 
     if (o[this.rel]) { 
      if (!o[this.rel].push) { 
       o[this.rel] = [o[this.rel]]; 
      } 
      o[this.rel].push(this.value || ''); 
     } else { 
      o[this.rel] = this.value || ''; 
     } 
    }); 
    return o; 
};