我编写了一个程序,当点击按钮时可以将其高亮显示,当另一个按钮被点击时取消高亮。它是有效的,但我需要使它更少重复(可能使用循环)。
var txt = $(".txt");
var xls = $(".xls");
var jpg = $(".jpg");
var png = $(".png");
var pdf = $(".pdf");
var mp3 = $(".mp3");
var mp4 = $(".mp4");
var gif = $(".gif");
var flac = $(".flac");
var html = $(".html");
var js = $(".js");
var aac = $(".aac");
var ai = $(".ai");
var avi = $(".avi");
var psd = $(".psd");
var tiff = $(".tiff");
var fileTypes = [txt, xls, jpg, png, pdf, mp3, mp4, gif, flac, html, js, aac, ai, avi, psd, tiff];
$(fileTypes[0]).click( function() {
for(i=0; i<fileTypes.length; i++)
{
fileTypes[i].removeClass("selected");
fileTypes[i].addClass("not-selected");
}
fileTypes[0].removeClass("not-selected");
fileTypes[0].addClass("selected");
});
$(fileTypes[1]).click( function() {
for(i=0; i<fileTypes.length; i++)
{
fileTypes[i].removeClass("selected");
fileTypes[i].addClass("not-selected");
}
fileTypes[1].removeClass("not-selected");
fileTypes[1].addClass("selected");
});
$(fileTypes[2]).click( function() {
for(i=0; i<fileTypes.length; i++)
{
fileTypes[i].removeClass("selected");
fileTypes[i].addClass("not-selected");
}
fileTypes[2].removeClass("not-selected");
fileTypes[2].addClass("selected");
}); // It does this 16 times, the length of the fileTypes array
我尝试使用for循环解决这个问题,但是一直没有成功。请帮忙,谢谢。
switchClass()
是一个有趣的想法! - Dacre Denny