小编又来分享学习啦,今天分享一下在JQUery中如何使用each遍历。
工具/原料
HBuilderX
JQuery插件
电脑
方法/步骤
1、打开HBuilderX编译软件,当然,也可以使用其他的。新建一个项目。
2、先引入JQuery。根据自己的需求去官网下载。
3、下面代码是页面上能看到的蜣贺鱿柢代码:<button>弹出输出每一项</button> <ul> <li>1</li媪青怍牙> <li>2</li> <li>2</li> </ul>
4、下面代码是遍历:<衡痕贤伎scripttype="text/javascript"> $(document)缕计瓤账.ready(function(){ $("button").click(function(){ $("li").each(function(){ alert($(this).text()) }); }); }); </script>
5、在游览器上运行: