Jquery选择器通过class名获取ID实例分享

来源：动视网责编：小采时间：2020-11-27 15:26:00

Jquery选择器通过class名获取ID实例分享

Jquery选择器通过class名获取ID实例分享:本文主要和大家分享Jquery选择器通过class名获取ID实例，希望能帮助到大家。通过class名获取按 class 查找注意在 class 名称前加一个.：var a = $('.red'); // 所有节点包含 `class="red"` 都将返回 // 例如:

推荐度：

点击下载本文 文档为doc格式

导读Jquery选择器通过class名获取ID实例分享:本文主要和大家分享Jquery选择器通过class名获取ID实例，希望能帮助到大家。通过class名获取按 class 查找注意在 class 名称前加一个.：var a = $('.red'); // 所有节点包含 `class="red"` 都将返回 // 例如:

本文主要和大家分享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实例分享

推荐度：

点击下载本文 文档为doc格式

标签：分享 id 获取

热门焦点

Jquery选择器通过class名获取ID实例分享

Jquery选择器通过class名获取ID实例分享

通过class名获取

通过p的class名获取该p的ID

通过p的ID名获取该p的class

通过p的class名获取该p下的子集节点的ID

通过p的class名获取该p下的同级节点的ID

Jquery选择器通过class名获取ID实例分享

最新推荐

猜你喜欢

热门推荐