通過class名獲取

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

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

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

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

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

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

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

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

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

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

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

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

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

相關推薦：

詳解jQuery選擇器中的特殊符號如何處理

詳解jquery選擇器practice

jQuery選擇器之關于屬性過濾選擇器的示例分享

以上就是Jquery選擇器通過class名獲取ID實例分享的詳細內容，更多請關注php中文網其它相關文章！