我正在使用jQuery將一個類「選定」添加到一個div當用戶點擊它(它將一個紅色邊框添加到縮略圖)。同時我想從先前選擇的div中移除該類。如何使用jQuery從所有div中移除一個類,而不僅僅是兄弟?
我可以得到這個工作,如果所有div是兄弟姐妹,但文檔中的其他div保持選中狀態。我正在設計和開發的頁面要求divs不能都是兄弟姐妹。如何在文檔中的任何位置的先前選定的div上移除「selected」類,而不僅僅是兄弟姐妹?
您可以查看和編輯上的jsfiddle我的例子:http://jsfiddle.net/3s4dM/6/
的jQuery:
$(".thumbnail").click(function() {
$(this).addClass("selected").siblings().removeClass("selected");
})
CSS:
.thumbnail {
background: #dddddd;
width: 42px;
height: 42px;
margin-bottom: 5px;
}
.thumbnail:hover {
cursor: pointer;
}
.thumbnail.selected {
width: 36px;
height: 36px;
border: 3px solid #C72D30;
}
HTML:
<section>
<div class="thumbnail"></div>
</section>
<section>
<div class="thumbnail"></div>
</section>
<section>
<div class="thumbnail"></div>
<div class="thumbnail"></div>
<div class="thumbnail"></div>
</section>
感謝您的所有建議。你可以在這裏看到正在進行的工作:http://www.tenbluedevils.com/esalon/tinted-love/product-detail-tinted-love.html – dylanstewart