<div id='aaa'>
.....
<ul>
<li><a></a></li>
<li><a></a></li>
<li><a class='bbb'></a></li>
<li><a></a></li>
</ul>
....
</div>当标红的li行被点击时,下面的a标签会多一个bbb的样式,请问如何在这种情况下获得这一个元素li ?
万分感谢~!
.....
<ul>
<li><a></a></li>
<li><a></a></li>
<li><a class='bbb'></a></li>
<li><a></a></li>
</ul>
....
</div>当标红的li行被点击时,下面的a标签会多一个bbb的样式,请问如何在这种情况下获得这一个元素li ?
万分感谢~!
加上id 后,可以使用document.getElementByID('id').style
‘ul li:eq(2)’ 这里不能写死吧?
console.log(this);//这个this指向的就是当前li
})或者:$('.bbb').parent();
那你得有个规则知道是那个li啊。。你都一样的哪可能知道是哪个li需要给a加class
$('#nav a').click(function(){
$(this).addClass('bbb').parent().siblings().children('a').removeClass('bbb');
return false;
});
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>test</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<style type="text/css">
#nav a.bbb{ font-weight:bold; color:#f60;}
</style>
</head>
<body>
<ul id="nav">
<li><a href="#">111</a></li>
<li><a href="#">222</a></li>
<li><a href="#">333</a></li>
<li><a href="#">444</a></li>
</ul>
<script type="text/javascript">
$('#nav a').click(function(){
$(this).addClass('bbb').parent().siblings().children('a').removeClass('bbb');
return false;
});
</script>
</body>
</html>