javascript - 将具有设置值的变量传递给 JavaScript 中的函数

标签 javascript html

我有一个小 span 元素,我用 CSS 去掉了它,使它看起来像一个开关。有点像这样:

<Span class="switchbody" value="on"><span class="switchcover">on</span></span>

我想知道,如果我向第一个 span 元素添加一个 onclick="editswitch()" ,是否可以传递一个包含唯一值的变量,以便 JavaScript 函数知道我在谈论哪个开关,而不必编写一百万个函数对不同的元素执行完全相同的操作?

如果可以的话我会怎么做

PS我已经尝试过

<span onclick="getId = "switch one";">

如果可能的话,不要使用 jquery 或 php 等,只需使用 JavaScript。

最佳答案

使用this来引用触发事件的对象。例如:

function editswitch(me) {
  alert(me.id);
}
<span id="span1" onclick="editswitch(this)">I'm the first span</span>
<br/>
<span id="span2" onclick="editswitch(this)">I'm the second span</span>

关于javascript - 将具有设置值的变量传递给 JavaScript 中的函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37627390/

相关文章:

javascript - 如何通过 react-redux 的 useSelector 钩子(Hook)正确使用柯里化(Currying)的选择器函数?

javascript - 无法使用 jQuery 从 html 选择中删除只读

javascript - CSS3 时尚滚动条在 Firefox 和 IE 中不起作用

html - Twitter Bootstrap 3 导航栏崩溃错误

javascript - 如何从二维数组创建html?

javascript - 部署新版本时清除浏览器缓存

javascript - 如何将顶点法线和面法线传递给 Three.js 着色器?

javascript - 单击时 HTML 列的 jQuery 小计

html - 如何在页面右侧显示购物车

html - 如何在 html 上的实际屏幕框架上添加阴影?