首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

传递data-id在JS函数中不起作用

是因为可能存在以下几种情况:

  1. HTML元素上没有正确设置data-id属性:在HTML中,我们可以使用data-*属性来存储自定义数据。确保在需要传递data-id的元素上正确设置了data-id属性,例如:
代码语言:txt
复制
<button data-id="123" onclick="myFunction(this)">点击按钮</button>
  1. JS函数中没有正确获取data-id的值:在JS函数中,我们需要使用相应的方法来获取data-id的值。可以使用getAttribute()方法或直接通过元素对象的dataset属性来获取,例如:
代码语言:txt
复制
function myFunction(element) {
  var dataId = element.getAttribute("data-id");
  // 或者使用 dataset 属性
  // var dataId = element.dataset.id;
  console.log(dataId);
}
  1. JS函数中没有正确处理data-id的值:一旦获取到data-id的值,我们需要根据具体的需求进行相应的处理。例如,可以将其作为参数传递给其他函数,或者根据其值进行条件判断等。

总结起来,传递data-id在JS函数中不起作用可能是由于HTML元素上没有正确设置data-id属性,JS函数中没有正确获取data-id的值,或者JS函数中没有正确处理data-id的值。请确保在HTML中正确设置data-id属性,并在JS函数中正确获取和处理data-id的值。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

【说站】python函数传递实参

python函数传递实参 1、使用位置实参 若要使函数接受不同类型的实参,则必须将接受任意数量实参的形参放在函数定义的最后。...首先,Python匹配位置实参和关键词实参,然后将剩余的实参收集到最后一个形参。 >>> def person(city, *args): ...     ...beijing', 'name', 'age', 'tel') city: beijing, other args: name age tel 2、使用关键字实参 有时需要接受任意数量的实际参数,但是不知道传递函数的信息是什么样的...在这种情况下,可以将函数写成可以接受任意数量的键值对。一个例子是创建用户介绍:知道会收到关于用户的信息,但是你不确定会是什么样的信息。...) ... >>> person('beijing', 'name', 'age', 'tel') city: beijing, other args: name age tel 以上就是python函数传递实参的方法

1.6K20

PHP函数传递与接收参数

PHP的函数,参数传递可以分为值传递和引用传递(也称为地址传递)两种。 默认情况下,PHP是按值传递参数的。值传递参数调用函数时将常量或变量的值(通常称其为实参)传递函数的参数(通常称为形参)。...值传递的特点是实参与行参分别存储在内存,是两个不相关的独立变量。因此,函数内部改变形参的值时,实参的值一般是不会改变的。 引用传递(按地址传递)的特点是实参与行参共享一块内存。...定义引用传递参数时,可以参数前面加上引用符号&。 <?...定义函数时,不指定参数。调用函数时,可以根据需要指定参数的数量,通过与参数相关的几个系统函数获取参数信息。具体说明为: <?...我们构建PHP类的时候,灵活使用这三个函数,可以起到非常理想的效果,例如外面创建PHP和MYSQL链接的类时,可以书写如下代码: <?

2.6K10

JS处理函数将对象作为参数传递

做项目的时候遇到一个不是很常见的问题,就是js函数传递参数的时候,我们一般是传递一个数字或者是一个字符串,但是当你的需求满足不了的时候,就需要将对象或者数组作为一个参数传递过去,这个时候怎么做呢,今天简单的说有一下...: 先说一下我出现这个问题的环境,我处理订单信息的时候,接口给的参数是所有的数据,所以这个时候我需要的是将所有的数据遍历出来,数据结构大概是这样的: ?...这个是典型的三层的json结构,所以遍历的难度是不大的,就是很容就遍历出错,我的需求当然不是说仅仅将这些数据遍历出来就可以了,我需要做的是将最里层的data拿到,作为对象传递过去,因为这是每一个订单的具体内容...,也就是详情,所以需要明确的将data作为一个参数传递过去,废话不说了,看代码; success: function(data) { var odata = data.model_list;...最外层的是model_list包括的,所以直接取出来,拿到以后呢将我们需要的data拿到,转为json格式的,这个时候我们下面需要用到里面数据的时候就比较容易拿到,下一步就是怎么将对象data作为一个参数传递过去

7K30

函数式编程 JS 开发游戏

基础和辅助函数 开始,我们先创建一个文件,其中包含几乎所有项目文件中都会用到的基本函数。其中一些基本函数JS 固有的,例如 map 和 reduce。...)(2) // 3 Compose:函数作为参数传递并以相反的顺序执行。...为了简化所使用的本机 JS 函数的构成,我使用 curry 创建了helper,其中条目作为参数传递。...assignState 返回一个新实例,旧状态与新实例连接在一起,getProp 返回封装在 monad 传递属性的值。...Monad 函数是一种流行的构造,并且很难总结出一个简介的定义,这篇文章对其做了一个很好的解释:https://jrsinclair.com/articles/2016/marvellously-mysterious-javascript-maybe-monad

2.2K40

结构体类型数据函数之间的传递

结构体类型数据函数之间的传递 函数之间不仅可以使用基本数据类型及其数组参数进行数据传递,也可以使用结构体类 型及其数组参数进行数据传递传递方式与基本数据类型参数是相同的。...结构体变量函数之间传递数据 使用结构体类型的変量作为参数进行函数之间的数据传递时,注意以下问题 (1)主调函数的实参和被调函数的形参是相同结构体类型声明的变量。...struct circle c) { c.area=PI*c.radius*c.radius; return c; } 程序运行结果: 运行结果分析:从程序的运行结果可以看出,main函数的实参...c1把它的值传递函数getarea的形参c,函数运行过程中计算并修改了c的成员area的值。...由于参数的单向传递,形参c的变化没有影响实参c1。函数 getarea把形参c的值作为返回值,main函数把返回值赋给了变量c2。

2.1K10

golang函数参数接口指针的传递

这些方法,有一些方法可以修改结构体的指定属性,并且有一个对应的方法来返回这个属性。 出于业务需要,值被修改的地方和它被使用的地方是不同的。...一个小demo,直接返回interface值来完成传递。看着很正常,但是因为是传值,所以与原有代码不太一致,也不够直观。...Name after set var a testA setsetName(&a,"test") fmt.Println(a.getName()) */ } 但如果试图使用接口直接作为函数参数的时候...s.setName(n) return s } func main(){ var s tt s = setName(&s,"tset2") fmt.Println(s.getName()) } s...'t' (type testDouble) as type *tt 这里比较让人迷惑的地方在于,interface tt = testDouble是很容易成立的(编译器支持),可是指针层面却并不像想象这样继续支持

2.3K40

List.append() Python 不起作用,该怎么解决?

Python ,我们通常使用 List.append() 方法向列表末尾添加元素。然而,某些情况下,你可能会遇到 List.append() 方法不起作用的问题。...列表作为函数参数另一个导致 List.append() 方法不起作用的常见情况是将列表作为函数的参数传递 Python 函数参数传递是通过对象引用实现的。...函数内部,我们对 lst 调用了 append() 方法,将 element 添加到列表末尾。由于函数参数传递是通过引用实现的,所以对 lst 的修改会影响原始列表 my_list。3....检查列表是否作为参数传递如果你将列表作为函数的参数传递,并且函数内部对列表进行修改,请确保你想要修改的是原始列表,而不是创建一个新的列表对象。3....结论List.append() 方法 Python 通常是一个方便且常用的方法,用于向列表末尾添加元素。然而,当遇到某些情况时,它可能不起作用

2.4K20

WebAssembly技术_JS调用C函数示例_传递参数、方法导出

HTML文件、wasm文件、JS文件的同级目录下,打开CMD命令行,运行下面命令。...HTML代码里创建了3个按钮,分别调用了3个函数,测试调用C语言函数的。 注意: JS文件里导出的C函数函数名称前面都是带了一个下划线,调用时要加上下划线。...HTML文件、wasm文件、JS文件的同级目录下,打开CMD命令行,运行下面命令。...数组、字符串参数传递 前面的例子都是演示整数参数传递和返回值的接收,下面代码演示,C语言与JS代码之间传递int类型指针、字符串、实现内存数据交互。 4.1 C代码 先编写C代码,提供几个测试函数。...HTML代码里创建了几个按钮,分别调用了C语言代码里提供的几个测试函数。 注意: JS文件里导出的C函数函数名称前面都是带了一个下划线,调用时要加上下划线。

6.6K60

js的匿名函数_js匿名函数怎么定义

定义:匿名函数顾名思义指的是没有名字的函数实际开发中使用的频率非常高!也是学好JS的重点。 匿名函数:没有实际名字的函数。...console.log("张培跃"); }) 如果需要执行匿名函数匿名函数后面加上一个括号即可立即执行!...JavaScript是没有块级作用域的,例如: if(1==1){//条件成立,执行if代码块语句。...在这里简单介绍一下:闭包是可以访问函数作用域内定义的变量的函数。若要创建一个闭包,往往都需要用到匿名函数。 2、模拟块级作用域,减少全局变量。...执行完匿名函数,存储在内存相对应的变量会被销毁,从而节省内存。再者,大型多人开发的项目中,使用块级作用域,会大大降低命名冲突的问题,从而避免产生灾难性的后果。

10.3K10

jsfind的用法_jsfind函数

今天我们要说的是结合ES6新特性谈一下js里面的一个很好用的方法-find() 现在的前端和过去的不一样,过去的前端只要会画页面就行了,但是现在仅仅会画页面已经远远不够了,现在前端还需要会处理数据,而且还要会将数据分析分类处理...下面我们讲怎么用前端处理这块的逻辑 首先我们拿到了所有的数据这里我直接放到一个测试用的js里面存放, 要实现之前说的效果,就需要使用我们今天的主角find()方法。 find()是用来做什么的呢?...find()方法返回数组符合测试函数条件的第一个元素。否则返回undefined 本文章需要注意的几个点: ①、第一个元素 ②、测试函数 那么如何使用呢?.../find_testcodes.js" type="text/javascript" charset="utf-8">

11.6K30
领券