如何在循环中合并以下代码?我的目标是在类(class)结束时用连续的数字重复 .node 和 .visual-content 类(class)。
$s(".node1").hover(function () {
$s(".visual-content1").fadeIn("slow");
$s(".visual-content2").fadeOut();
$s(".visual-content3").fadeOut();
$s(".visual-content4").fadeOut();
$s(".visual-content5").fadeOut();
$s(".visual-content6").fadeOut();
$s(".visual-content7").fadeOut();
$s(".visual-content8").fadeOut();
$s(".visual-content9").fadeOut();
$s(".visual-content10").fadeOut();
});
$s(".node2").hover(function () {
$s(".visual-content2").fadeIn();
$s(".visual-content1").fadeOut();
$s(".visual-content3").fadeOut();
$s(".visual-content4").fadeOut();
$s(".visual-content5").fadeOut();
$s(".visual-content6").fadeOut();
$s(".visual-content7").fadeOut();
$s(".visual-content8").fadeOut();
$s(".visual-content9").fadeOut();
$s(".visual-content10").fadeOut();
});
最佳答案
基本上你做两个循环:.nodes 的外部循环和视觉内容的内部循环。那会像这样工作:
for(let i = 1; i <= 10; i++){
$s(".node"+i).hover(function(){
$s(".visual-content"+i).fadeIn("slow");
for(let j = 1; j <= 10; j++){
if(j != i){
$s(".visual-content"+j).fadeOut();
}
}
});
}
虽然评论是正确的,但您可能想检查一下是否有更好的解决方案。
关于javascript - 在循环中合并代码的更好方法是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58383071/