這篇文章主要介紹“Jquery選擇器通過class名獲取ID的方法”的相關(guān)知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“Jquery選擇器通過class名獲取ID的方法”文章能幫助大家解決問題。

10年積累的成都做網(wǎng)站、網(wǎng)站建設(shè)經(jīng)驗，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識你，你也不認(rèn)識我。但先網(wǎng)站設(shè)計后付款的網(wǎng)站建設(shè)流程，更有樅陽免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

通過class名獲取

按class查找注意在class名稱前加一個.：

vara=$('.red');//所有節(jié)點包含`class="red"`都將返回

//例如:

//...

//...

查找同時包含多個class名的對象,如同時包含”car”和“bus”

vara=$('.car.bus');//注意沒有空格！

//符合條件的節(jié)點：

//...

//...

通過p的class名獲取該p的ID

有時候我們只知道p的class名中包含其中一個姓名，想獲取它的id.

$(".tab-pane.active").attr("id")

//符合條件的結(jié)果：

one

//...

通過p的ID名獲取該p的class

$(".tab-pane.active").attr("id")

$("p#hrefMenu0").attr("class")

//符合條件的結(jié)果：

tab-panebusactive

//...

通過p的class名獲取該p下的子集節(jié)點的ID

$(".tab-pane.active").children().attr("id")//獲取到以下兩個id:content，page

通過p的class名獲取該p下的同級節(jié)點的ID

$(".tab-pane.active").next().attr("id")//獲取到以下id:content

關(guān)于“Jquery選擇器通過class名獲取ID的方法”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點。