jquery遍历某个div的：input，返回oject

最新推荐文章于 2021-03-16 14:06:41 发布

左左在右边

最新推荐文章于 2021-03-16 14:06:41 发布

阅读量1.9k

点赞数

分类专栏： JS进阶-中高级编程

本文链接：https://blog.csdn.net/weixin_41609327/article/details/83898071

版权

JS进阶-中高级编程专栏收录该内容

9 篇文章 1 订阅

订阅专栏

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