Question

js或jq+html+css控制a链接点击后变化背景色

<div id="select">
<ul class="select">
<li class="select-result">
<dl>
<dt>已选择：</dt>
<dd class="select-no">暂时没有选择过滤条件</dd>
</dl>
</li>

<li class="select-list">
<dl id="select1">
<dt>按语言：</dt>
<dd class="select-all selected"><a href="/vod-list-id-12-pg-1-order--by--class-0-year-0-letter--area--lang-.html">全部</a></dd>
<dd><a href="/vod-list-id-12-pg-1-order--by--class-0-year-0-letter--area--lang-%E5%9B%BD%E8%AF%AD.html">国语</a></dd><dd><a href="/vod-list-id-12-pg-1-order--by--class-0-year-0-letter--area--lang-%E5%9B%BD%E8%AF%AD.html">粤语</a></dd>
</dl>
</li>
<li class="select-list">
<dl id="select2">
<dt>按年份：</dt>
<dd class="select-all selected"><a href="/vod-list-id-12-pg-1-order--by--class-0-year--letter--area--lang-.html">全部</a></dd>
<dd><a href="/vod-list-id-12-pg-1-order--by--class-0-year-2014-letter--area--lang-.html">2014</a></dd><dd><a href="/vod-list-id-12-pg-1-order--by--class-0-year-2013-letter--area--lang-.html">2013</a></dd>
</dl>
</li>
</ul>
</div>代码如此，如何写js或者调用jq

Answer 1

$('.select-all a').click(function(){$(this).css('background','#f00').siblings('a').css('background','inherit');});//试试

追问

这样只能选择背景吧 那已选择怎么弄？

追答

给当前点击的链接加上背景色,同时清除兄弟(同辈)链接上的背景色(inherit)

追问

不行 选择 .select-all a 貌似错误呢 点击无反应

追答

//不好意思,没细看你的结构...
$('dl a').click(function() {
    $(this).css('background', 'red').parent().siblings('dd').children('a').css('background', 'inherit');
});

追问

还是选择不上 不知道咋回事