以下是关于jquery操作兄弟节点CSS的简单问题？该怎么做？
<div id="demo">
<a href="#">萝卜</a>
<a href="#">青椒</a>
<a href="#">白菜</a>
<a href="#">土豆</a>
</div>
样式：.addabc
问题：1.我想单击a标签让它的背景色为红色（添加个样式），并取消其它a标签的背景色（删除样式）
2.如何判断我的哪个a标签有我刚才添加的样式，并获取里面的文字？
汪汪一只猫浏览 259回答 2
2回答
-
红颜莎娜
$(document).ready(function(){$("#demo a").click(function(){$(this).addClass("addabc").siblings().removeClass("addabc");alert($(this).html());});}); -
有只小跳蛙
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><script type="text/javascript" src="jquery-1.7.2.js"></script><script type="text/javascript">$(document).ready(function(){$("#demo a").click(function(){$(this).siblings("a").removeClass("red");$(this).addClass("red");$("#nr").val($(this).html());})})</script><style type="text/css">.red{ background:red}</style></head><body><div id="demo"><a href="#">萝卜</a><a href="#">青椒</a><a href="#">白菜</a><a href="#">土豆</a></div>你选择的是：<input id="nr" /></body>
随时随地看视频慕课网APP
Vue.js
JQuery