jquery遍歷某個div的:input,返回oject
阿新 • • 發佈:2018-12-20
1,html
<div class="talkDiv-body"> <div class="f-gp"> <div class="f-lb"> <label class="f-label" style="text-decoration: none; cursor: default">標題:</label> </div> <div class="f-ct"> <input type="text" value="" name="title" class="f-text span4" maxlength="24"> <span class="f-label-re">*</span> </div> </div> <div class="f-gp"> <div class="f-lb"> <label class="f-label" name="tag" style="text-decoration: none; cursor: default">標籤:</label> </div> <div class="f-ct"> <input type="text" value="" name="tag" class="f-text span4" maxlength="24"> <span class="f-label-re">*</span> </div> </div> <div class="f-gp"> <div class="f-lb"> <label class="f-label" style="text-decoration: none; cursor: default">關鍵詞:</label> </div> <div class="f-ct"> <input type="text" value="" name="keyWord" class="f-text span4" maxlength="24"> <span class="f-label-re">*</span> </div> </div> <div class="f-gp"> <div class="f-lb"> <label class="f-label" style="text-decoration: none; cursor: default">內容:</label> </div> <div class="f-ct"> <textarea class="f-text span4" value="" name="content" ></textarea> <span class="f-label-re">*</span> </div> </div> </div>
2,jquery 程式碼
$(function () { console.log(serializePostData($(".talkDiv-body"))); }) function serializePostData(jq) { var array = jq.find(":input"); var data = {}; array.each(function () { data[$(this).attr("name").toString()] = $(this).attr("value"); }) return data; }
3,返回
{title: "", tag: "", keyWord: "", content: ""}