Jquery選擇器通過class名獲取ID的案例

Jquery選擇器通過class名獲取ID的案例？這個問題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容，讓我們一起來看看吧！

通過class名獲取

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

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

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

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

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

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

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

通過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>

通過p的class名獲取該p下的子集節(jié)點的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下的同級節(jié)點的ID

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

感謝各位的閱讀！看完上述內(nèi)容，你們對Jquery選擇器通過class名獲取ID的案例大概了解了嗎？希望文章內(nèi)容對大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道。