首頁  >  文章  >  web前端  >  Jquery選擇器透過class名稱取得ID實例分享

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

小云云
小云云原創
2018-02-28 11:23:012499瀏覽

本文主要和大家分享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 = $(&#39;.car.bus&#39;); // 注意没有空格!
// 符合条件的节点:
// <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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn