首頁 > 網際網路

如何獲取div中a標籤的id

2019-12-11 12:24:43

在網頁開發中,有時我們需要在用戶端用指令碼來獲取頁面控制元件的id屬性,比如獲取某個div中a連結標籤的id,這個在js裡,如何獲取?下面我們來看一下。

1

為了方便操作,我們這裡使用jquery來操作,因此我們先引入jquery指令碼檔案。


2

然後新增一些簡單的html,這裡主要的就是在一個div裡新增了二個a連結,div和a連結就各自有id屬性。

還有一個操作的按鈕,加上了onclick事件的。


3

新增對應的點選事件函數。


4

在函數中,我們先利用jquery的選擇器方法來獲取到a連結,

$("#my_div a")這個程式碼就是指在id為my_div下的所有a連結。


5

獲取到連結後,我們就用一個for迴圈來得到div裡所有連結的id,主要是通過jquery的attr方法來得到每個連結控制元件的id屬性。

得到後,將其儲存進陣列裡。


6

然後通過alert方法來彈出顯示所有連結的id。


7

執行頁面,可以看到現在有二個連結,我們點選一下按鈕。


8

點選後,會彈出一個alert視窗,這裡顯示出了二個連結的id屬性,對比程式碼裡的值,獲取的結果是正確的。



IT145.com E-mail:sddin#qq.com