Question

好吧，基本上，我有3个链接，一些文本，然后是3个div。（例如：

<a href="#A">A</a><br/>
<a href="#B">B</a><br/>
<a href="#C">C</a><br/>
<p>Blah blah</p>
<div id="A">BlAh</div>
<div id="B">BlBh</div>
<div id="C">POMEGRANTE!</div>

现在，此时，您单击A并跳转到A等，并突出显示由于CSS的目标选择器而选择的div。但是，我还要在选择div A的同时突出显示链接A（以与div不同的方式）。有没有什么办法在Javascript或CSS中执行此操作不需要奇怪和/或不稳定的解决方法？

Answer 1

点击后，您可以为链接指定“活动”类。这是使用jQuery的实现

$('a').click(function(){
    $('.active').removeClass('active');
    $(this).addClass('active');
});

<强> Demo fiddle

原生Javascript：

var elems =document.getElementsByTagName("a");
for (var i = 0; i < elems.length; i++) {
        elems[i].addEventListener("click", function (e) {
                for (var i = 0; i < elems.length; i++) {
                    elems[i].className="";
                };
                this.className = "active";
        });
}

Answer 2

我想你也可以这样做..

$('div').click(function(){
    $('a').css('color','');
 $('a[href=#'+$(this).attr("id")+']').css('color','red');
})

在这里：http://jsfiddle.net/f4FF4/6/

使用：target更改多个项目的CSS

2 个答案: