根据类名遍历数组的三种方法
生活随笔
收集整理的這篇文章主要介紹了
根据类名遍历数组的三种方法
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
（一）原生js遍歷
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title><script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script></head><body><span class="a">微信</span><span class="a">QQ</span><span class="a">微博</span><span class="a">短信</span><button id="btn">點擊我觸發(fā)</button></body><script type="text/javascript">var btn = document.getElementById("btn");btn.onclick = function(){var arr = document.getElementsByClassName("a");for(var i=0;i<arr.length;i++){console.log("獲取到的結果是："+arr[i].innerText)}}</script> </html>（二）jquery的each循環(huán)遍歷
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title><script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script></head><body><span class="a">微信</span><span class="a">QQ</span><span class="a">微博</span><span class="a">短信</span><button id="btn">點擊我觸發(fā)</button></body><script type="text/javascript">$("#btn").on("click",function(){$(".a").each(function(){console.log($(this).text());})})</script> </html>（三）jquery的for循環(huán)遍歷
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title><script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script></head><body><span class="a">微信</span><span class="a">QQ</span><span class="a">微博</span><span class="a">短信</span><button id="btn">點擊我觸發(fā)</button></body><script type="text/javascript">$("#btn").on("click",function(){var span = $(".a");for(var i=0;i<span.length;i++){console.log($(".a").eq(i).text());}});</script> </html>?
總結
以上是生活随笔為你收集整理的根据类名遍历数组的三种方法的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： html中嵌入iframe进行父子页面参
- 下一篇： 解决append的div的事件失效问题