0

0

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

小云云

小云云

发布时间:2018-02-28 11:23:01

|

2760人浏览过

|

来源于php中文网

原创

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

通过class名获取

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

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

...

//

...

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

var a = $('.car.bus'); // 注意没有空格!
// 符合条件的节点:
// 

...

//

...

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

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

$(".tab-pane.active").attr("id")
// 符合条件的结果:
one
// 

...

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

$(".tab-pane.active").attr("id")
$("p #hrefMenu0").attr("class")
// 符合条件的结果:
tab-pane bus active
// 

...

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

$(".tab-pane.active").children().attr("id")// 获取到以下两个id:content,page

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

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

    相关推荐:

    万彩商图
    万彩商图

    专为电商打造的AI商拍工具,快速生成多样化的高质量商品图和模特图,助力商家节省成本,解决素材生产难、产图速度慢、场地设备拍摄等问题。

    下载

    详解jQuery选择器中的特殊符号如何处理

    详解jquery选择器practice

    jQuery选择器之关于属性过滤选择器的示例分享

    相关专题

    更多
    mc.js网页版入口地址大全
    mc.js网页版入口地址大全

    本专题整合了mc.js网页版入口地址大全以及mc.js1.8.8版本汇总,阅读专题下面的文章了解更多详细内容。

    0

    2026.01.05

    Python lambda详解
    Python lambda详解

    本专题整合了Python lambda函数相关教程,阅读下面的文章了解更多详细内容。

    0

    2026.01.05

    python处理大数据合集
    python处理大数据合集

    本专题整合了python处理大数据相关教程,阅读专题下面的文章了解更多详细内容。

    0

    2026.01.05

    大数据专业学习教程
    大数据专业学习教程

    本专题整合了大数据专业学习相关教程,阅读专题下面的文章了解更多详细内容。

    0

    2026.01.05

    python设置中文版教程合集
    python设置中文版教程合集

    本专题整合了python改成中文版相关教程,阅读专题下面的文章了解更多详细内容。

    1

    2026.01.05

    从零到实战:Python 编程系统入门专题
    从零到实战:Python 编程系统入门专题

    本专题面向零编程基础及初学者,系统讲解 Python 编程语言的核心知识与实战技巧。内容涵盖 Python 基础语法、数据结构、函数与模块、常用标准库、简单算法思维,以及真实应用场景下的小项目实战。通过循序渐进的学习路径,帮助读者快速建立编程思维,掌握 Python 在数据处理、自动化脚本及日常开发中的实际应用能力,为后续深入学习 Web 开发、数据分析或人工智能打下坚实基础。

    10

    2026.01.05

    php代码编辑器入口汇总
    php代码编辑器入口汇总

    本文整理了主流PHP代码编辑器的官网入口及在线使用链接,阅读专题下面的文章了解更多详细内容。

    51

    2026.01.04

    php代码编辑器地址汇总
    php代码编辑器地址汇总

    本文整理了主流PHP代码编辑器的官网入口及在线使用链接,阅读专题下面的文章了解更多详细内容。

    0

    2026.01.04

    Excel制作交互图表的方法 Excel交互式的图表教程大全
    Excel制作交互图表的方法 Excel交互式的图表教程大全

    Excel交互式图表可通过四种方法实现:一、用切片器控制数据透视图;二、结合下拉列表与INDEX-MATCH动态引用;三、用选项按钮绑定图表系列;四、利用动态命名区域配合OFFSET函数。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

    330

    2026.01.04

    热门下载

    更多
    网站特效
    /
    网站源码
    /
    网站素材
    /
    前端模板

    精品课程

    更多
    相关推荐
    /
    热门推荐
    /
    最新课程
    jQuery 教程
    jQuery 教程

    共42课时 | 3.8万人学习

    HTML+CSS基础与实战
    HTML+CSS基础与实战

    共132课时 | 9.3万人学习

    tp6+adminlte搭建通用后台
    tp6+adminlte搭建通用后台

    共39课时 | 5.7万人学习

    关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
    php中文网:公益在线php培训,帮助PHP学习者快速成长!
    关注服务号 技术交流群
    PHP中文网订阅号
    每天精选资源文章推送

    Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号