Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/379.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用active=true属性选择锚点,添加一个类,如果用户选择其他锚点,则将该类赋予新锚点。_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 如何使用active=true属性选择锚点,添加一个类,如果用户选择其他锚点,则将该类赋予新锚点。

Javascript 如何使用active=true属性选择锚点,添加一个类,如果用户选择其他锚点,则将该类赋予新锚点。,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我需要将带有Jquery的类“Selected”添加到一个锚点中,唯一捕获它的方法是通过其属性“active=true”。然后,当用户选择其他锚点时,新锚点将被设置为“active=true”,并且必须是新类“Selected”,而另一个没有 我们的想法是,必须区分选定的锚。类“Selected可能只是”。Selected{color:red;} 当用户选择1时 1. 2. 3. 4. 5. 当用户选择2时 1. 2. 3. 4. 5. .选定{颜色:红色;} 没有像active这样的属性。而且

我需要将带有Jquery的类“Selected”添加到一个锚点中,唯一捕获它的方法是通过其属性“active=true”。然后,当用户选择其他锚点时,新锚点将被设置为“active=true”,并且必须是新类“Selected”,而另一个没有

我们的想法是,必须区分选定的锚。类“Selected可能只是”。Selected{color:red;}

当用户选择1时
1.
2.
3.
4.
5.
当用户选择2时
1.
2.
3.
4.
5.
.选定{颜色:红色;}

没有像
active
这样的属性。而且,您使用
所选的
类和
active
属性似乎是多余的,因为一个属性只表示另一个属性

为什么不为锚创建一个CSS规则呢

a{文本装饰:无;}
/*当锚点获得焦点时,设置其样式*/
a:焦点{颜色:红色;背景色:#ff0;}

        When the user selects 1
<span class="paginate_numbers">
    <a active="true" class="paginate_button paginate_number selected">1</a>
    <a class="paginate_button paginate_number">2</a>
    <a class="paginate_button paginate_number">3</a>
    <a class="paginate_button paginate_number">4</a>
    <a class="paginate_button paginate_number">5</a>
</span>

When the user selects 2
<span class="paginate_numbers">
    <a class="paginate_button paginate_number">1</a>
    <a active="true" class="paginate_button paginate_number selected">2</a>
    <a class="paginate_button paginate_number">3</a>
    <a class="paginate_button paginate_number">4</a>
    <a class="paginate_button paginate_number">5</a>
</span>

.selected {color:red;}