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

最新推荐文章于 2022-05-20 15:57:55 发布

weixin_30920091

最新推荐文章于 2022-05-20 15:57:55 发布

阅读量107

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/lxl87/p/8366545.html

版权

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>

转载于:https://www.cnblogs.com/lxl87/p/8366545.html

weixin_30920091

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery元素序列化执行或序列化

1.each（）事件遍历所有满足条件的元素<script>$(document).ready(function(){ $("button").click(function(){ $("li").each(function(){ alert($(this).text()) }); });})...
复制链接

扫一扫