Jquery選擇器通過(guò)class名取得ID案例分享

通過(guò)class名獲取

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

var a = $('.red'); // 所有節(jié)點(diǎn)包含 `class="red"` 都將返回
// 例如:
// <p class="red">...</p>
// <p class="green red">...</p>

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

var a = $('.car.bus'); // 注意沒(méi)有空格！
// 符合條件的節(jié)點(diǎn)：
// <p class="car bus">...</p>
// <p class="blue bus car">...</p>

通過(guò)p的class名獲取該p的ID

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

$(".tab-pane.active").attr("id")
// 符合條件的結(jié)果：
one
// <p class="tab-pane bus active" id="one">...</p>

通過(guò)p的ID名獲取該p的class

$(".tab-pane.active").attr("id")
$("p #hrefMenu0").attr("class")
// 符合條件的結(jié)果：
tab-pane bus active
// <p class="tab-pane bus active" id="hrefMenu0">...</p>

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

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

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

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

相關(guān)推薦：

詳解jQuery選擇器中的特殊符號(hào)如何處理

詳解jquery選擇器practice

jQuery選擇器之關(guān)于屬性過(guò)濾選擇器的示例分享

以上就是Jquery選擇器通過(guò)class名獲取ID實(shí)例分享的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！