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

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

　　通過class名獲取

　　按class查找注意在class名稱前加一個(gè).：

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

　　//例如:

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

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

　　查找同時(shí)包含多個(gè)class名的對(duì)象,如同時(shí)包含”car”和“bus”

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

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

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

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

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

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

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

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

　　one

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

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

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

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

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

　　tab-panebusactive

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

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

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

　　<pid="content"></p>

　　<ulid="page"></ul>

　　</p>

　　通過p的class名獲取該p下的同級(jí)節(jié)點(diǎn)的ID

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

　　</p>

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