Javascript for 循环与 jQuery

标签 javascript jquery html css

我希望能够单击数组中的任何 div 并让框更改其不透明度。我有一个 jsfiddle更好地解释我的意思。我有使用普通 javascript 的代码,但我不知道如何使用 jquery 做同样的事情。感谢您的帮助!

$('.mind:eq(i)').click(function () {
    $('.mind:eq(i)').css('opacity', '1');
});

//Plain javascript
var box = document.getElementsByClassName('box');
function change(i2) {
    box[i2].onclick = function () {
        box[i2].style.opacity = "1";
    };
}
for (i = 0; i < box.length; i++) {
    change(i);
}

最佳答案

对当前选择的元素使用this

$('.box').click(function () {
    $(this).css('opacity', '1');
});

Updated fiddle

关于Javascript for 循环与 jQuery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30669958/

相关文章:

javascript - 无法在 'createObjectStore' 上执行 'IDBDatabase'

javascript - 在浏览器上存储有关文本选择的信息

javascript - MomentJS max 和 min 返回错误值

javascript - 覆盖可点击的div

javascript - Jasmine 和 Backbone karma 的麻烦

javascript - 使用 jQuery addClass 更改背景图像

javascript - 如何拦截 Electron 的请求并返回自定义响应?

javascript - 无法在图像 map 上的鼠标位置显示 div

javascript - 如何在 Bootstrap 4 上向 Lightbox 添加关闭按钮

javascript - 仅当文件上传完成时才会触发 XMLHttpRequest 事件 onProgress