Jquery選擇器通過class名獲取ID的方法

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

　　通過class名獲取

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

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

　　//例如:

　　//<pclass="red">...</p>

　　//<pclass="greenred">...</p>

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

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

　　//符合條件的節點：

　　//<pclass="carbus">...</p>

　　//<pclass="bluebuscar">...</p>

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

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

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

　　//符合條件的結果：

　　one

　　//<pclass="tab-panebusactive"id="one">...</p>

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

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

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

　　//符合條件的結果：

　　tab-panebusactive

　　//<pclass="tab-panebusactive"id="hrefMenu0">...</p>

　　通過p的class名獲取該p下的子集節點的ID

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

　　<pid="content"></p>

　　<ulid="page"></ul>

　　</p>

　　通過p的class名獲取該p下的同級節點的ID

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

　　</p>

關于“Jquery選擇器通過class名獲取ID的方法”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識，可以關注億速云行業資訊頻道，小編每天都會為大家更新不同的知識點。