Jquery选择器通过class名获取ID实例分享
程序员文章站
2022-04-28 08:05:10
...
本文主要和大家分享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选择器通过class名获取ID实例分享的详细内容,更多请关注其它相关文章!