jquery $.each()函数编程实例五则图解

最新推荐文章于 2020-10-08 14:59:59 发布

bcbobo21cn

最新推荐文章于 2020-10-08 14:59:59 发布

阅读量363

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端文章标签： jquery $.each dom json

本文链接：https://blog.youkuaiyun.com/bcbobo21cn/article/details/90218156

web前端专栏收录该内容

150 篇文章

订阅专栏

本文介绍了一种使用jQuery遍历和处理DOM元素的方法，具体演示了如何通过$.each函数遍历页面上的隐藏input元素，并获取其name和value属性。此技巧适用于前端开发中动态操作网页元素的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1 输出ul中的每个li

2 遍历一维数组

3 遍历二维数组

4 处理json

5 处理dom元素

最后一个实例的代码；其他代码在图上；

<html>
<head>
<style type="text/css">
    body {background-color:MediumSeaGreen}
</style>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
    function f2() {
        $.each($('input:hidden'),function(i,val){
             alert(i+'````'+val);
             alert(val.name+'`````'+val.value);
        });
    }

</script>
</head>
<body>
<button onclick="f2()">处理dom元素</button>
<input name="aaa" type="hidden" value="111" />
<input name="bbb" type="hidden" value="222" />
<input name="ccc" type="hidden" value="333" />
<input name="ddd" type="hidden" value="444" />
</body>
</html>