Question

我只需要一些建议和帮助。我有7个不同的div，每个div在点击它时都应该做点什么（猫头鹰卡罗塞尔）。

现在我只是拥有“硬编码”的所有东西，但效率不高

示例：

当我点击div 1：$（“。div1”）。css（' - webkit-filter'，'blur（5px）'）;

当我点击div 2：$（“。div2”）。css（' - webkit-filter'，'grayscale（100％'）;

等

我是否需要保留“硬编码”或者我的问题是否有更好的解决方案？

我是一个真正的新手。

提前致谢

Answer 1

尝试做类似的事情：

/* Array of effects */
var effectArray = ['blur(5px)', 'grayscale("100%")'];

$(".divClass").click(function () {
    // Wrap the clicked item in jQuery.
    // .index() get its index 0 to "n".
    $(this).css('-webkit-filter', effectArray[$(this).index()]);
});

编辑我忘了在jQuery中包装divclass。显然你可以在没有jQuery的情况下做到这一点

也刚刚意识到你想点击它。

carousell每个div做其他事情onclick

1 个答案: