Jquery選擇器透過class名稱取得ID實例分享

本文主要和大家分享Jquery選擇器透過class名稱取得ID實例，希望能幫助大家。

透過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中文網其他相關文章！