1. 程式人生 > >jquery遍歷某個div的:input,返回oject

jquery遍歷某個div的:input,返回oject

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: ""}