JS和jQuery中ul li遍歷獲取對應的下角標

2022-07-23 02:21:12 字數 787 閱讀 2705

首先先看**:

html**部分:

對應的js的**部分:

var list = document.getelementsbytagname("li");

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

}

上面當我們在ul li遍歷時,點選每乙個li標籤,往往取不到對應的下角標,在控制台列印出來的都是最後乙個的值6。

為什麼會產生這樣的問題呢?

解決方案一:

js方法

var list = document.getelementsbytagname("li");

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

}

解決方案二:

jquery方法

$(function() )

})})

上面記得別忘了引入jquery框架。

解決方案三:

直接利用jquery中的index

$(function() )

})

解決方案四:

window.onload = onclicklist;

function onclicklist()

}(i))  

}}

解決方案五:

$(function() );

});

js中onload和jQuery中的ready區別

window.onload必須等到頁面內包括的所有元素載入完畢後才能執行。不能寫多個 如果有多個,只會執行乙個 document ready 是dom結構繪製完畢後就執行,不必等到載入完畢。可以寫多個 同 function document ready function 或者 function do...

ul li 在ie 和firefox中的不同

用ul,li製作 是,在firefox ul定義的邊框無法顯示在li上。測試地方 ie是在ie6 7,firefox是版本3.0.6 解決辦法 1.在ul 的最後乙個li寫為 2.在css中寫上.clear 這個是定義了邊框在ie正常,如圖1 在firefox卻出現這樣的情況,如圖2 比較 對ul ...

js和jquery中的事件委託

轉 自己的修改 概念 什麼是事件委託 通俗的講,事件就是onclick,onmouseover,onmouseout,等就是事件,委託呢,就是讓別人來做,這個事件本來是加在某些元素上的,然而你卻加到別人身上來做,完成這個事件。舉個列子 有三個同事預計會在周一收到快遞。為簽收快遞,有兩種辦法 一是三個...