jquery元素序列化执行或序列化

Posted 杜七

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery元素序列化执行或序列化相关的知识,希望对你有一定的参考价值。

1.each()事件遍历所有满足条件的元素

<script>
$(document).ready(function(){
    $("button").click(function(){
        $("li").each(function(){
            alert($(this).text())
        });
    });
});
</script>
<body>

<button>输出每个列表项的值</button>
<ul>
<li>Coffee</li>
<li>Milk</li>
<li>Soda</li>
</ul>

</body>

2.$.param建立对象随后遍历:

<script>
$(document).ready(function(){
    personObj=new Object();
    personObj.firstname="John";
    personObj.lastname="Doe";
    personObj.age=50;
    personObj.eyecolor="blue"; 
    $("button").click(function(){
        $("div").text($.param(personObj));
    });
});
</script>
<body>

<button>序列化对象</button>
<div></div>

</body>

3.toArray建立数组并遍历

<script>
$(document).ready(function(){
    $("button").click(function(){
        x=$("li").toArray()
        for (i=0;i<x.length;i++)
        {
            alert(x[i].innerhtml);
        }
    });
});
</script>
<body>

<button>输出每个li的值</button>
<ul>
<li>Coffee</li>
<li>Milk</li>
<li>Soda</li>
</ul>

</body>

 

以上是关于jquery元素序列化执行或序列化的主要内容,如果未能解决你的问题,请参考以下文章

jQuery序列化表单时将制定元素排除在外

如果输入元素是数组,如何使用 JQuery 发送序列化表单数据

jQuery ajax - serialize() 方法-输出序列化表单值

jquery中怎么样获取表单所有值

jQuery ajax - serializeArray() 方法

jQuery ajax - serialize() 方法