JQ选择div里的选项

黑色青春 发布于 2015/05/06 20:51
阅读 507
收藏 0

请问如何用JQ实现当选中上面3个选项后,在选择下面任意1个选项后就取消上面已选中的效果。下面的也是一样。

<table width="100%" border="0" cellpadding="0" cellspacing="0" class="shops-table">
	<tbody>
		<tr>
		   <td width="100%" >
				<div class="shops">
					<a href="javascript:void(0);">
						<em>1.00</em>
						<span>笔记本</span>
					</a>
					  
					<a href="javascript:void(0);">
						<em>2.00</em>
						<span>钢笔</span>
					</a>
					  
					<a href="javascript:void(0);">
						<em>3.00</em>
						<span>橡皮擦</span>
					</a>
				</div>
				<div>
					<a href="javascript:void(0);">
						<em>9.00</em>
						<span>圆珠笔</span>
					</a>
					  
					<a href="javascript:void(0);">
						<em>3.55</em>
						<span>铅笔</span>
					</a>
					  
					<a href="javascript:void(0);">
						<em>1.68</em>
						<span>毛笔</span>
					</a>
				</div>
			</td>		
		</tr>
	</tbody>
</table>




加载中
返回顶部
顶部