javascript - carousell每个div都会在click上执行其他操作

我只需要一些建议和帮助。我有7个不同的div，每个div在单击它时都应该做其他事情（猫头鹰转盘）。

现在我只是把所有东西都“硬编码了”，但这不是很有效

例：

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

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

等等

我需要保持“硬编码”还是对我的问题有更好的解决方案？

我是一个真正的新手。

提前致谢

最佳答案

尝试做类似的事情：

/* 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()]);
});

编辑我忘了将div类包装在jQuery中。您显然也可以不用jQuery而做到这一点
也刚意识到您想要单击它。