怎么通过JS控制ID变化

[黑色的寂寞]

一下是代码
<div class="case_hy">
<ul class="wrap">

<li class="case_hy_con"><a title="华东区项目" id="case_hy_con_h" href="#">华东区项目</a></li>
<li class="case_hy_con"><a title="华南区项目" href="#">华南区项目</a></li>
<li class="case_hy_con"><a title="华中区项目" href="#">华中区项目</a></li>
<li class="case_hy_con"><a title="华北区项目" href="#">华北区项目</a></li>
<li class="case_hy_con"><a title="西北区项目" href="#">西北区项目</a></li>
<li class="case_hy_con"><a title="西南区项目" href="#">西南区项目</a></li>
<li class="case_hy_con"><a title="东北区项目" href="#">东北区项目</a></li>
<li class="case_hy_con"><a title="中南区项目" href="#">中南区项目</a></li>
</ul>
</div>

怎么通过JS控制ID点击上面的时候ID到下一个，另一个ID消失。

[黑色的寂寞]

引用 10 楼 jslang 的回复:

[quote=引用 2 楼 xa84764123 的回复:] $(document).ready(function() { $('.case_hy_con a').bind('click', function(e) { e.preventDefault(); $('.case_hy_con').removeClass('case_hy_con_h'); $(this).parent().addClass('case_hy_con_h'); }); }); 像这样，但是a得点击没效果

你代码中添加移除的case_hy_con_h是class，你html标签和css中的case_hy_con_h却是id。 把html标签和css中的case_hy_con_h改为class即可。[/quote] 我改了效果又了就是没A链接的效果了。

[天际的海浪]

引用 12 楼 xa84764123 的回复:

[quote=引用 10 楼 jslang 的回复:] [quote=引用 2 楼 xa84764123 的回复:] $(document).ready(function() { $('.case_hy_con a').bind('click', function(e) { e.preventDefault(); $('.case_hy_con').removeClass('case_hy_con_h'); $(this).parent().addClass('case_hy_con_h'); }); }); 像这样，但是a得点击没效果

你代码中添加移除的case_hy_con_h是class，你html标签和css中的case_hy_con_h却是id。 把html标签和css中的case_hy_con_h改为class即可。[/quote] 我改了效果又了就是没A链接的效果了。[/quote] 你html中是对a元素应用的样式，但代码中添加移除的却是li元素的样式。

[黑色的寂寞]

引用 13 楼 jslang 的回复:

[quote=引用 12 楼 xa84764123 的回复:] [quote=引用 10 楼 jslang 的回复:] [quote=引用 2 楼 xa84764123 的回复:] $(document).ready(function() { $('.case_hy_con a').bind('click', function(e) { e.preventDefault(); $('.case_hy_con').removeClass('case_hy_con_h'); $(this).parent().addClass('case_hy_con_h'); }); }); 像这样，但是a得点击没效果

你代码中添加移除的case_hy_con_h是class，你html标签和css中的case_hy_con_h却是id。 把html标签和css中的case_hy_con_h改为class即可。[/quote] 我改了效果又了就是没A链接的效果了。[/quote] 你html中是对a元素应用的样式，但代码中添加移除的却是li元素的样式。[/quote] 怎么变过来让A链接点击有效果也有样式？

[似梦飞花]

setAttribute 不知道你想说什么

[黑色的寂寞]

$(document).ready(function() { $('.case_hy_con a').bind('click', function(e) { e.preventDefault(); $('.case_hy_con').removeClass('case_hy_con_h'); $(this).parent().addClass('case_hy_con_h'); }); }); 像这样，但是a得点击没效果

[黑色的寂寞]

用这个我实现了效果，但是a链接点击没效果了，a里面加了链接都不跳转。

[lzj0327]

这本身就是矛盾的，想要a链接有效就把e.preventDefault();去掉， 但是去掉之后就看不到样式的变化了

[黑色的寂寞]

能不能换种方式，既要有这种效果，又可以点击。

[KK3K2005]

你就说 你是要做一个 tab面板吗

[黑色的寂寞]

不是，焦点。不做tab

[lzj0327]

还是不明白你要做什么

[黑色的寂寞]

http://www.zcdl.com.cn/index.php?m=content&c=index&a=lists&catid=21 像这个一样的效果

[天际的海浪]

引用 2 楼 xa84764123 的回复:

$(document).ready(function() { $('.case_hy_con a').bind('click', function(e) { e.preventDefault(); $('.case_hy_con').removeClass('case_hy_con_h'); $(this).parent().addClass('case_hy_con_h'); }); }); 像这样，但是a得点击没效果

你代码中添加移除的case_hy_con_h是class，你html标签和css中的case_hy_con_h却是id。 把html标签和css中的case_hy_con_h改为class即可。

[lzj0327]

那个网站是点击后发送请求到后台，将数据从服务器下载，然后再跳转到相同页面， 根据点击发送过去的参数再传回来判断点击的那个按钮显示高亮。 不是简单的改变本页面的样式

[sunwen51]

为什么我感觉这里是显示和隐藏DIV。