如何利用JQuery 根据链接显示相应的文本

wis2007 2011-12-02 09:49:22

<ul class="text">
<li>001</li>
<li class="hidT">002</li>
<li class="hidT">003</li>
<li class="hidT">004</li>
</ul>
<ul class="link">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
</ul>


例如:点击1显示001 ,点击2显示002...

我的部分代码:

var i=0;

$.each($("a"),function(i,item){
$(this).onclick(function(){
alert(i);
})

i++;
});
...全文
104 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
逍遥庄主 2011-12-02
  • 打赏
  • 举报
回复
1.你没有理解EACH 那个i不用你++ 他已经在自增遍历了
2.Jquery 没有 onclick 是 $(this).click(function(){})
3.这个你可以给每个a配一个id 如:
<ul class="text">
<li id="li_1">001</li>
<li id="li_2" class="hidT">002</li>
<li id="li_3" class="hidT">003</li>
<li id="li_4" class="hidT">004</li>
</ul>
<ul class="link">
<li><a href="#" id="a_1">1</a></li>
<li><a href="#" id="a_2">2</a></li>
<li><a href="#" id="a_3">3</a></li>
<li><a href="#" id="a_4">4</a></li>
</ul>

$("a").click(function(){
var flag = $(this).attr("id").split("_")[1];
alert($("#li_"+flag).text())
});

87,910

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧