根据类名遍历数组的三种方法
生活随笔
收集整理的這篇文章主要介紹了
根据类名遍历数组的三种方法
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
（一）原生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">點(diǎn)擊我觸發(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("獲取到的結(jié)果是："+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">點(diǎn)擊我觸發(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">點(diǎn)擊我觸發(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>?
總結(jié)
以上是生活随笔為你收集整理的根据类名遍历数组的三种方法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： html中嵌入iframe进行父子页面参
- 下一篇： 解决append的div的事件失效问题