首頁 > 開發者 > JavaScript
<html xmlns="http://www.w3.org/1999/xhtml" ><br /><head><br /> <title>通過javascript直接實現jQuery的$(".class1")方法</title><br /> <mce:script type="text/javascript" src="style/jquery.min.js" mce_src="style/jquery.min.js"></mce:script><br /> <mce:script type="text/javascript"><!--<br /> //通過javascript直接實現jQuery的$(".class1")方法<br /> //思路是先找到同類標籤，比如div,table然後遍曆數組判斷<br /> //這裡實現了div標籤的遍曆，比葫蘆畫瓢，依次實現table,body等<br /> function fCheck(){<br /> var classArray = [];//用來儲存class相同的元素的數組<br /> var divArr = document.getElementsByTagName("div");//根據標籤名取得同類標籤<br /> for(var i=0;i<divArr.length;i++){//遍曆同類標籤<br /> var divAttr = divArr[i].className;//判斷類名<br /> if(divAttr != ""){//如果沒有class屬性，則為空白<br /> if(divAttr == "class1"){//如果類似匹配，則放入數組<br /> classArray.push(divArr[i]);<br /> }<br /> }<br /> }<br /> for(var j=0;j<classArray.length;j++){<br /> alert(classArray[j].innerHTML);<br /> }<br /> }</p><p>// --></mce:script><br /></head><br /><body><br /><div id="div1" onclick="fCheck();">click<br /> <div class="class1">1</div><br /> <div class="class1">2</div><br /> <div class="class1">3</div><br /></div><br /></body><br /></html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
