javascript - 如何在 JavaScript 中使用自定义变量

标签 javascript jquery html css

我只是想知道如何在 javascript 中使用自定义变量。假设我们有 5 个名为 zawsz、baws2、tawsx、paws4、vawsa 的 id,并且我们想要对所有这些 id 在这里定义的元素执行单个 DOM 命令.

document.getElementById("-aws-").onclick=function(){}  

这里-aws-定义了上面定义的所有id。(-)可以替换为任何char/int值;

最佳答案

您可以使用以下代码: (以下代码将选择 id 包含 aws.txt 的所有元素。 我已经测试了这段代码并且它有效:https://jsfiddle.net/5042woqz/ )

document.querySelectorAll('*[id*="aws"]').forEach(function(item) {
    item.onclick=function() {
        console.log('click!');
    };
});

Items 现在将是一个包含所有 aws- 元素的数组。 如果您还有其他问题,请告诉我。

P.S.:使用 jquery 可以轻松实现同样的事情。

关于javascript - 如何在 JavaScript 中使用自定义变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60251967/

相关文章:

jquery_ujs 问题 : Font Awesome animated spinner works in Chrome but Not Safari

7 秒幻灯片图像后的 Javascript

c# - 从 C# 应用程序调用 Javascript 文件

javascript - 获取隐藏 span 标签的文本值

HTML 代码中出现 Javascript 意外标记] 错误,这怎么可能?

javascript - 如何使用jquery为输入的ID名称添加数字

html - 为什么 WPF 缺少 HTML 支持?

javascript - 在服务器端 express 应用程序中使用 i18n-node

javascript - 使用 flowplayer 将图像显示为第一帧并单击图像播放视频

jquery - 如何使用 JQuery .on() 来捕捉滚动事件