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


本文摘自PHP中文网,作者小云云,侵删。

本文主要和大家分享Jquery选择器通过class名获取ID实例,希望能帮助到大家。

通过class名获取

按 class 查找注意在 class 名称前加一个.:

1

2

3

4

var a = $('.red'); // 所有节点包含 `class="red"` 都将返回

// 例如:

// <p class="red">...</p>

// <p class="green red">...</p>

查找同时包含多个class名的对象,如同时包含”car”和“ bus”

1

2

3

4

var a = $('.car.bus'); // 注意没有空格!

// 符合条件的节点:

// <p class="car bus">...</p>

// <p class="blue bus car">...</p>

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

有时候我们只知道p的class名中包含其中一个姓名,想获取它的id.

1

2

3

4

$(".tab-pane.active").attr("id")

// 符合条件的结果:

one

// <p class="tab-pane bus active" id="one">...</p>

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

1

2

3

4

5

$(".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

1

2

3

4

$(".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

1

2

3

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

</p>

 <p id="content"></p>

相关推荐:

阅读剩余部分

相关阅读 >>

jQuery判断是否为数字的方法是什么

jQuery primeui是什么?

css3选择器:read-write和:read-only是什么?如何使用?

jQuery 判断是否汉字的方法

jQuery如何判断浏览器是否是ie6

基于jQuery开发的ui框架有哪些

jQuery如何判断是否是数组

jQuery有哪些函数

jQuery怎么选择以什么结尾的元素

html中引用jQuery的两种方法

更多相关阅读请进入《jQuery》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...