從DOM元素在創建JSON了`div`

Question

我需要得到一個div內的所有元素，這可能是多個inputs，checkboxs，radiobuttons等，並轉換id或name和它value爲JSON可讀格式。

我試圖使用the following SO question的修改版本，這就造成了以下內容：

var data = $('#item').map(function() { 
    return { 
     content: $(this).val() 
    }; 
}).get(); 

console.log(data); 

---

<div id="item"> 
    <input class="item" id="test" value="data" /> 
</div> 

但它不返回任何值。

Answer 1

您正在運行您的map訪問div（它不具有值，因爲它不是表單控件），而不是其中的輸入。

您可能想要'#item :input'是您的選擇器。

Answer 2

這可能會幫助你

 
var map = {}; 

    $("#item").children().each(function (i, element) 
     { 
      map[$(element).attr("id")] = $(element).val(); 
     } 
    );