jquery - jquery 的 javascript 是否有调用不等于变量的方法？

Question

似乎应该有一个简单的方法来做到这一点。我在其他一些元素上切换类名，并将此更改与该操作相关联。我有启动淡入的 i 变量集，但想淡出可能存在的其他编号 ID。有没有一种快速的方法可以做到这一点，也许是一个符号，表示对不等于此 i 变量的任何内容执行更改？还是在我开始淡入之前执行操作的通用数字符号？

$('#SiteDescriptions' + i).animate({opacity: "1"}, 500);
$('#SiteDescriptions' + !i).animate({opacity: "0"}, 500);

Answer 1

不要使用 id 并依赖选择器。而是使用类:

 $SD = $('.SiteDescription'); // cache jquery object
 $SD.on('click',function(){
     // fade out all with this class
     $SD.stop().animate({opacity:0},500);
     // fade in new active element 
     $(this).stop().animate({opacity:1},500);
 });

如果您尝试选择除该 ID 之外的任何内容，您将选择页面上不是它的所有元素。我不认为那是你想要的。

不要这样做，按照类的方式来做，但这更接近你的要求:

$('#SiteDescriptions'+i).animate({opacity : 1 },500)
 // I don't want to speculate on your dom structure, but if you are using id's
 // you still need a way to prevent from fading out everything on the page that
 // isn't the new action. So I am assuming that all the #SiteDescriptions are siblings
.siblings().not('#SiteDescriptions'+i).animate({opacity: 0}, 500);