jquery只有当前被点击的列表项内的a标签内的字体变为红色
时间: 2024-03-14 19:46:45 浏览: 23
如果您只想将当前被点击的列表项内的 `a` 标签内的字体变为红色,可以使用以下 jQuery 代码:
```javascript
// 添加单击事件处理程序
$("li").click(function() {
// 取消所有列表项的红色字体
$("li a").css("color", "black");
// 将当前列表项内的 a 标签字体变为红色
$(this).find("a").css("color", "red");
});
```
这段代码将为所有 `li` 元素添加单击事件处理程序。当单击列表项时,代码将取消所有列表项内的 `a` 标签的红色字体,并将当前列表项内的 `a` 标签字体变为红色。
其中,`$(this).find("a")` 通过 `find` 方法查找当前列表项内的 `a` 标签。
相关问题
jquery只有当前被点击的列表项字体变为红色
使用 jQuery 可以简化 JavaScript 代码,实现当前被点击的列表项字体变为红色的效果。您可以使用以下代码:
```javascript
// 添加单击事件处理程序
$("li").click(function() {
// 取消所有列表项的红色字体
$("li").css("color", "black");
// 将当前列表项的字体变为红色
$(this).css("color", "red");
});
```
这段代码将为所有 `li` 元素添加单击事件处理程序。当单击列表项时,代码将取消所有列表项的红色字体,并将当前列表项的字体变为红色。
jquery点击a标签添加类名,再次点击a标签移除类名
可以使用以下代码实现:
```
$('a').click(function() {
if($(this).hasClass('active')) {
$(this).removeClass('active');
} else {
$('a').removeClass('active');
$(this).addClass('active');
}
});
```
解释一下,当a标签被点击时,先判断是否已经有了active类名,如果有,就移除该类名;如果没有,则先移除其他a标签上的active类名,再给当前被点击的a标签添加active类名。这样就可以实现点击a标签添加和移除类名的效果了。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)