`

如何获取当前id与class

 
阅读更多

       有时候我们需要在点击一个按钮时得到他的id或class并对它进行操作,经过在网上查找,我总结了以下一些获取当前id与class的方法。

一、JS原生方法

this.id

this.className

 

二、jquery中的方法

($(this).attr('id'))

$(this).attr("class")

 

三、利用target 事件属性

       target 事件属性可返回事件的目标节点(触发该事件的节点),如生成事件的元素、文档或窗口。

语法:event.target

获取id:event.target.id

获取text:event.target.textContent

获取class:event.target.className

获取value:event.target.value

(尽量使用event.target.id,不要使用this.id。

当使用事件委托的时候,this指向的是绑定监听事件的元素,而非被点击的元素。event.target.id则始终指向被点击的元素)

分享到:
评论

相关推荐

    Java泛型的用法及T.class的获取过程解析

    首先,我们使用`getClass()`方法获取当前类的Class对象,然后使用`getGenericSuperclass()`方法获取当前类的父类的Type对象。最后,我们使用`getActualTypeArguments()`方法获取Type对象中的实际类型参数,然后将其...

    vue如何判断dom的class

    vue点击给dom添加class然后获取含有class的dom <div class=chose-ck v-for=(item,index2) key=index2 ref=chosebox> <p>{{item.name}} <dt v-for=(item2,index) in item.childsCurGoods :key=item2.id :class=...

    Java如何获取当前进程ID以及所有Java进程的进程ID

    Java 获取当前进程ID是指在 Java 程序中获取当前进程的 ID 号码,而获取所有 Java 进程的进程 ID 则是指获取所有当前正在运行的 Java 进程的 ID 号码。这些信息对于 Java 程序的监控和管理具有重要的意义。 获取...

    在Java程序中获取当前运行程序的路径

    总结来说,Java程序员可以通过多种方式获取当前运行程序的路径,包括利用`Class.getResource`、`Runtime.exec`、`File`类以及操作系统管理接口等。选择哪种方法取决于具体的需求和环境,如是否在JAR中运行,是否需要...

    获取当前系统的输入法

    在C# Winform应用开发中,获取当前系统的输入法是一项常见的需求,这通常涉及到与系统API的交互。本文将详细讲解如何在C# Winform应用中实现这一功能,并提供源码示例。 首先,我们需要了解Windows API中的核心函数...

    css id,class命名与seo

    将CSS与SEO结合,通过合理的ID和Class命名,可以增强页面的可读性,帮助搜索引擎更好地理解网页内容,从而提升SEO效果。下面我们将详细讨论CSS ID和Class的命名策略以及其与SEO的关系。 1. CSS ID命名: - `wrap`...

    spring oauth2获取当前登录用户信息.docx

    在Spring OAuth2框架中,获取当前登录用户信息的过程与Spring Security有所不同。通常,Spring Security允许我们通过`SecurityContextHolder.getContext().getAuthentication().getPrincipal()`来获取详细的用户信息...

    C# 获取U盘ID序列号及U盘信息

    获取U盘ID序列号 VS2005编译通过,源码源自CSDN。已经测试好用。 可以获得U盘名称,制造商ID号 版本号 U盘序列号及容量 Form1.cs using System; using System.Collections.Generic; using System.ComponentModel; ...

    获取当前所有进程 C#语言

    在C#编程中,获取计算机上当前运行的所有进程是一项常见的任务,这有助于监控系统资源的使用情况或进行系统管理。本篇文章将详细讲解如何利用C#实现这一功能,并结合具体的代码示例,深入理解相关知识点。 首先,...

    获取系统当前时间日期

    在编程领域,获取系统当前时间日期是一项基础但重要的任务,特别是在开发移动应用或者任何需要实时显示时间信息的软件中。本教程将详细讲解如何实现这一功能,并将其展示在APP上,适合初学者学习。 首先,我们需要...

    如何用js获取当前url的参数值

    var classid = request("classid"); var id = request("id"); ``` #### 使用场景 这种方法适用于以下几种常见场景: - **动态页面跳转**:当用户点击某个链接或按钮时,需要跳转到另一个页面并携带一些必要的参数...

    JavaScript实现获取dom中class的方法

    这里获取了ID为`text`的`div`元素,然后调用`getClass`函数,查找其中class为`cs`的子元素。最后,使用`document.write`显示这些元素的innerHTML,实际上在这个例子中,仅有一个匹配的`div`元素,其innerHTML被设置...

    android获取根View的方法

    例如,如果你的根View是一个ID为“root_layout”的LinearLayout,可以这样获取: ```java LinearLayout rootLayout = (LinearLayout) findViewById(R.id.root_layout); ``` 二、通过LayoutInflater获取 ...

    获取jsp中的所有某个标签中所有ID相同的元素

    接下来的循环遍历这些元素,使用`indexOf`方法检查当前元素的`id`属性是否包含"feareply_totalInvestment"字符串。如果`id`中包含这个字符串,那么就将`<input>`元素的`value`属性转换为浮点数并存储在`value`变量中...

    jquery点击改变class并toggle

    `$(this).toggleClass("newClass")`则是关键部分,`this`代表当前被点击的元素(即按钮),`toggleClass("newClass")`则会添加或移除类名"newClass",具体取决于这个类是否已经存在于元素的class列表中。 `...

    获取手机正在运行的app,以及当前前台正在运行的app(兼容android6.0)

    本主题将详细讲解如何在Android 6.0及更高版本中获取手机上正在运行的APP,以及如何确定当前处于前台的APP。 首先,我们需要了解Android权限管理的变化。自Android 6.0(API级别23)起,系统引入了运行时权限的概念...

    帝国CMS获取当前栏目下子栏目的方法

    这里,`$navinfor`数组包含了当前页面的导航信息,`$class_r`数组是通过栏目ID获取栏目信息的数组。 总结来说,在帝国CMS中获取当前栏目下的子栏目,需要使用到系统内置的全局数组变量和标签调用,通过SQL查询和...

    教你如何用C#获取当前计算机信息(C#)

    与获取MAC地址类似,这段代码也是通过创建`Win32_NetworkAdapterConfiguration`类的实例来获取网络适配器的信息,并从中筛选出启用IP的适配器的IP地址。 ##### 4.4 获取硬盘ID 这部分代码没有完整展示,但大致思路...

    添加class属性--互斥

    3. **添加与移除class**: - `$(this).addClass('class')`: 为当前点击的元素添加`class`类。 - `.siblings().removeClass('class')`: 移除此元素的所有同级元素中的`class`类。 #### 示例代码详解 ```javascript...

Global site tag (gtag.js) - Google Analytics