第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

javascript怎么獲取是第幾個元素

javascript怎么獲取是第幾個元素

慕村225694 2019-03-14 18:15:28
<div>    <li class="img">1</li>    <li class="img">2</li>    <li class="img hover">3</li>    <li class="img">4</li>    <li class="img">5</li></div><span>3</span>上面你的代碼hover會自動的在5個li里自動換，怎么在不刷新頁面的基礎(chǔ)上靠js知道當(dāng)前的是第幾個li被hover呢自己想了一個思路，還沒有跑通，自己在測試中首先獲取有多少個li，然后IndexOf.li里的hover，如果值大于1就找出大于1的li的下標(biāo)
查看完整描述

4 回答

?
侃侃無極

TA貢獻(xiàn)2051條經(jīng)驗 獲得超10個贊

事件委托，判斷當(dāng)前點擊的對象e.target的值...或者你給標(biāo)簽綁定個標(biāo)識符的屬性，class或者attribute，通過這個來判斷。暫時想到這么多。li放到ul里會合適點吧？


查看完整回答
反對 回復(fù) 2019-04-10
?
皈依舞

TA貢獻(xiàn)1851條經(jīng)驗 獲得超3個贊

<!DOCTYPE HTML>

<html>

<head>

    <meta charset="utf-8">

    <title>三十客-打印 LI 索引</title>

    <style>

    </style>

</head>

<body>

<ul>

    <li class="img">1</li>

    <li class="img">2</li>

    <li class="img">3</li>

    <li class="img">4</li>

    <li class="img">5</li>

</ul>

<script>

    var nodeList = document.getElementsByTagName('li');

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

        (function (j) {

            nodeList[j].addEventListener("click", function (e) {

                alert(j)

            }, false);

        })(i);

    }

</script>

</body>

</html>


查看完整回答
反對 回復(fù) 2019-04-10
?
當(dāng)年話下

TA貢獻(xiàn)1890條經(jīng)驗 獲得超9個贊

分發(fā)事件的時候綁定this可以解決或者是自調(diào)用函數(shù)用閉包解決或者也可以用es6的語法let解決


查看完整回答
反對 回復(fù) 2019-04-10
  • 4 回答
  • 0 關(guān)注
  • 3768 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號