jquery设置样式

bychgh 2010-07-31 07:49:59



<div class="aa">

                <ul>

                     <li><a href=""id="1">北京</a></li>

                    <li><a href="" id="2">上海</a></li>

                    <li><a href="" id="3">苏州</a></li>

                    <li><a href="" id="4">深圳</a></li>

                  </ul>

            </div>

根据url 比如aa.html?id=1 获取id来和 <a> 标签中id对应，如果相同，就让<a>标签加载样式 class="hover",并移除<ul><li>中其他<a>标签的样式，
请问用jquery怎么写？

...全文

80 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

zoujp_xyz 2010-07-31

打赏
举报

[Quote=引用 2 楼 lieri111 的回复:]

JScript code

$("li").children("a").click(function(){
if($(this).attr("href")=="xxx"){
$(this).parent("li").addClass("hover");
}
});
[/Quote]
+
正解。。。

passself 2010-07-31

打赏
举报



$("li").children("a").click(function(){

    if($(this).attr("href")=="xxx"){

         $(this).parent("li").addClass("hover");

    }

});

sd5816690 2010-07-31

打赏
举报

下面的crtID最好用后台程序获得，因为用post提交时无法取到

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=GBK" />

<title></title>

<style>

.hover{

background-color:blue;

}

</style>

<script src="jquery-1.2.6.js"></script>

<script>

$(document).ready(function(){

	var crtID = document.location.href;

	crtID = crtID.replace(/^.*?[?&]id=([^&]*).*?$/, "$1");



	$(".aa ul li a").each(function(i){

		$(this).removeClass("hover");

	});

	$(".aa ul li a[id='" + crtID + "']").addClass("hover");

});

</script>

</head>

<body>



<a href="?id=1">测试1</a>

<a href="?id=2">测试2</a>

<a href="?id=3">测试3</a>

<a href="?id=4">测试4</a>



<div class="aa">

	<ul>

		<li><a href="" id="1">北京</a></li>

		<li><a href="" id="2">上海</a></li>

		<li><a href="" id="3">苏州</a></li>

		<li><a href="" id="4">深圳</a></li>

	</ul>

</div>

</body>

</html>