亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

請問怎么獲取當前點擊的className是第幾個

請問怎么獲取當前點擊的className是第幾個

隔江千里 2019-01-25 23:23:12
比如一個以下結構,我想寫一個方法當單擊到對應的class的div的時候,告訴我點擊的是第幾個<div id="main_box">    <div class="text">jkljdasjlkdjaslk</div>    <div class="text">fdgdfgd</div>    <div class="text">gdfgfd</div>    <div class="text">ghgfhfg</div></div>我自己的思路如下,我想用正則來代替任意數字,但是好像這樣也不對,因為瀏覽器應該也不會告訴我點擊的是第幾個window.onload = function() {    mainBox = document.getElementById("main_box");        function editText(){        getText = event.srcElement.className;        document.getElementsByClassName(getText)[RegExp(/^d+$/)].onclick = function (){            alert('您點擊的是第幾個:');        }        }    mainBox.onmouseover = editText; //綁定了事件相應的范圍}
查看完整描述

1 回答

?
MMMHUHU

TA貢獻1834條經驗 獲得超8個贊

使用正則表達式不會產生數字,而且寫法有錯誤,數字是\d吧,試試下面這種比較經典方法


window.onload = function() {

  textObj = document.getElementsByClassName('text');


  for(var i = 0; i<textObj.length; i++){

    textObj[i].index = i;

    textObj[i].onclick = function () {

      alert(this.index + 1);

    }

  }

}


查看完整回答
反對 回復 2019-02-13
  • 1 回答
  • 0 關注
  • 738 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號