<div id="demo"><a href="#">萝卜</a><a href="#">青椒</a><a href="#">白菜</a><a href="#">土豆</a></div>样式：.addabc 问题：1.我想单击a标签让它的背景色为红色（添加个样式），并取消其它a标签的背景色（删除样式）2.如何判断我的哪个a标签有我刚才添加的样式，并获取里面的文字？
2 回答
红颜莎娜
TA贡献1842条经验 获得超12个赞
$(document).ready(function(){
$("#demo a").click(function(){
$(this).addClass("addabc").siblings().removeClass("addabc");
alert($(this).html());
});
});
有只小跳蛙
TA贡献1824条经验 获得超8个赞
<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>
添加回答
举报
0/150
提交
取消