使用jquery addclass selected 点击切换选择的div的样式
$(document).ready(function () {
$('.productDL .size div').click(function () {
$('.productDL .size div').removeClass('selected');
$(this).addClass('selected');
});
});
HTML:
<div class="productDL">
<dd class="size">
<div class="item selected"><b></b><a href="#none" title="小礼盒">小礼盒</a></div>
<div class="item"><b></b><a href="#none" title="普通包装">普通包装</a></div>
<div class="item"><b></b><a href="#none" title="大礼盒">大礼盒</a></div>
</dd>
</div>
效果图: