jQuery如何获取当前元素的ID

Release time:2019年09月01日 Author:Catfish CMS Reading volume:12950

jQuery是一个优秀的JavaScript库,给前端页面的制作带来了极大的方便,鲶鱼系统的官方发布主题中绝大部分都使用jQuery,并且您不需要额外编写自己的代码,只要把主题案例中的js文件复制到您的主题文件夹中就可以正常使用了,所以编写制作鲶鱼系统的主题还是相对比较简单的。这篇内容跟鲶鱼主题制作无关,因为在鲶鱼主题制作过程中并不需要用到,只是介绍了jQuery获取元素id的一个方法。

我们知道在jQuery中可以使用id选择器来选取某个元素,并对该元素进行进一步的操作。例如,有如下代码:

<div id="nihao">你好</div>

对于上面的代码我们可以通过id选择器来获取div内部的文字,如下:

$("#nihao").text();

上面的“$("#nihao")”就是通过id选择器来选取div这个元素。

有的时候我们在写代码的时候,是不知道当前元素的id的,这个时候,我们该如何获取当前元素的id呢?

我们知道,“$(this)”表示的就是当前的HTML元素,所以我们可以通过这个选择器来获取当前元素,并进而获取元素的id。代码如下:

$(this).attr("id");

上面这个代码就是获取当前元素id的方法,“$(this)”表示获取了当前元素,“.attr("id")”表示从当前元素获取该元素的id。

Original article, reproduced please specify:jQuery如何获取当前元素的ID | Catfish(鲶鱼) CMS

Reward

I want to comment Sign in to post a comment


Latest release

鲶鱼系统怎么添加附件以及如何在前端页面展示

鲶鱼cms系统5.2.0版以及鲶鱼Blog系统3.2.0版在编辑文章页面新增了上传附件功...

鲶鱼CMS和鲶鱼Blog自制注册页面的代码实现

我们在《鲶鱼CMS和鲶鱼Blog怎么自定义注册页面》一文里面介绍了如何通过制作主题文件来...

鲶鱼cms系统和鲶鱼blog系统怎么填写公安备案号和ICP备案号

在实际建站过程中,往往需要进行网站备案,那么当我们备案之后,需要按要求在自己网站上放上备...

关于鲶鱼Blog系统2.3.21版以后版本升级的说明

鲶鱼Blog系统可以在后台上传升级包进行升级,有些用户可能会很长时间没有升级,这样可能会...

鲶鱼CMS和鲶鱼Blog自制登录页面代码怎么实现

我们在《鲶鱼CMS和鲶鱼Blog怎么自定义登录页面》一文里面介绍了怎么在制作主题的时候自...

鲶鱼CMS和鲶鱼Blog怎么自定义注册页面

我们在《 鲶鱼CMS和鲶鱼Blog怎么自定义登录页面》这一篇里面介绍了如何自己制作一个登...

How to use the Catfish CMS system

Section 1: How to add articles

Management background is composed of five bl...

Section 2: to the article to add c...

In the previous section, we talked about how...

Section 3: Add a menu to your site

In the previous section we talked about how ...

Section 4: Page Setup

To the last section we have learned to use t...

Section 5: Change website name, LO...

By the end of the previous section, we have ...

Copyright © 2015 - 2021 Catfish(鲶鱼) CMS
Catfish(鲶鱼) CMS〖181836340〗 Catfish(鲶鱼) CMS 二群〖292598750〗

   I want to leave a message
Catfish(鲶鱼) CMS V 5.5.0