在html開辟中,我們經常利用js來處置前端邏輯,下面我們就來看一下怎么用js去獲取到ul列內外的img控件。
為了便利dom操作,我們可以利用jquery劇本庫,是以先引入jquery劇本文件。
我們的html代碼里,就是一個ul列表,里面有二個img控件,還有一個按鈕。要注重的是我們給ul添加了一個樣式名。
利用jquery,先為按鈕添加一個點擊事務。
在點擊事務函數里,我們直接利用js代碼就能獲取到img控件了,
var imgs = $(".jy_ul li img");
這就是利用jquery的便利,ul列表的樣式名,然后按條理 li img的控件名,就能獲取到圖片控件了。
我們用alert輸入圖片的src屬性來驗證獲取到的數據是否精確。
因為有兩個圖片控件,所以代碼里獲取到的是一個數組,我們輸出第二個圖片的src(數組下標從0起頭的,1就是第二個)
運行頁面,可以看到有二個圖片和一個按鈕,我們點擊按鈕。
點擊后彈出了第二張圖片的src屬性,對比代碼,數據準確。
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!