这篇文章主要介绍“Jquery选择器通过class名获取ID的方法”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“Jquery选择器通过class名获取ID的方法”文章能帮助大家解决问题。
通过class名获取
按class查找注意在class名称前加一个.：
vara=$('.red');//所有节点包含`class="red"`都将返回
//例如:
//<pclass="red">…</p>
//<pclass="greenred">…</p>
查找同时包含多个class名的对象,如同时包含”car”和“bus”
vara=$('.car.bus');//注意没有空格！
//符合条件的节点：
//<pclass="carbus">…</p>
//<pclass="bluebuscar">…</p>
通过p的class名获取该p的ID
有时候我们只知道p的class名中包含其中一个姓名，想获取它的id.
$(".tab-pane.active").attr("id")
//符合条件的结果：
one
//<pclass="tab-panebusactive"id="one">…</p>
通过p的ID名获取该p的class
$(".tab-pane.active").attr("id")
$("p#hrefMenu0").attr("class")
//符合条件的结果：
tab-panebusactive
//<pclass="tab-panebusactive"id="hrefMenu0">…</p>
通过p的class名获取该p下的子集节点的ID
$(".tab-pane.active").children().attr("id")//获取到以下两个id:content，page<pclass="tab-paneactive">
<pid="content"></p>
<ulid="page"></ul>
</p>
通过p的class名获取该p下的同级节点的ID
$(".tab-pane.active").next().attr("id")//获取到以下id:content<pclass="tab-paneactive">
</p>
关于“Jquery选择器通过class名获取ID的方法”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注云搜网行业资讯频道，小编每天都会为大家更新不同的知识点。
