单击一个按钮后,我需要更改所有按钮的不透明度(单击的按钮除外)。
这是HTML代码:
<button data-target="Section1" class="metro-button">Button1</button>
<button data-target="Section2" class="metro-button">Button2</button>
<button data-target="Section3" class="metro-button">Button3</button>
和 jQuery 代码:
$(".metro-button").click(function(){
var buttons = document.getElementsByClassName("metro-button");
for(i = 0 ; i < buttons.length ; i++) {
if ($(this).attr('data-target') != buttons[i].attr('data-target')) {
buttons[i].animate({"opacity" : 0.3});
}
}
});
问题是什么 ?
任何想法,将不胜感激。