没有 id 的 链接 jquery 如何获取其 click事件，并获取 xxx 中的 xxx

[tiver2010]

页面代码入下 ：

<div style="">
<ul class="show">

      <li><a href="#">第一级菜单项 A</a>

            <ul>

                  <li><a href="#">第二级菜单项 A </a></li>

                  <li><a href="#">第二级菜单项 B </a></li>

                  <li><a href="#">第二级菜单项 C </a>

                        <ul>

                              <li><a href="#">第三级菜单项 A </a></li>

                              <li><a href="#">第三级菜单项 B </a></li>

                        </ul>

                  </li>

            </ul>

      </li>

      <li><a href="#">第一级菜单项 B</a></li>

</ul>
</div>

我需要点击每层 li 中的 <a>xxx</a> 链接时，在点击事件中 ，得到 xxx 这个值

请问如何实现 ？ 在线等 。。。。。。。

[bg163]

div style="">
<ul class="show" onclick="a()">

<li><a href="#">第一级菜单项 A</a>

<ul>

<li><a href="#">第二级菜单项 A </a></li>

<li><a href="#">第二级菜单项 B </a></li>

<li><a href="#">第二级菜单项 C </a>

<ul>

<li><a href="#">第三级菜单项 A </a></li>

<li><a href="#">第三级菜单项 B </a></li>

</ul>

</li>

</ul>

</li>

<li><a href="#">第一级菜单项 B</a></li>

</ul>
</div>

========================
<script type="text/javascript">
function a(){
if(event.srcElement.nodeName=="A")
alert(event.srcElement.innerText);
}
</script>

[龙心]

1:先添加onclick事件
<ul class="show">
<li>
<a href="#" onclick="getValue(this);">第一级菜单项 A</a>
<ul>
<li>
<a href="#" onclick="getValue(this);">第二级菜单项 A </a>
</li>
<li>
<a href="#" onclick="getValue(this);">第二级菜单项 B </a>
</li>
<li>
<a href="#" onclick="getValue(this);">第二级菜单项 C </a>
<ul>

2：实现函数
function getValue(value){
alert(value.innerHTML);
}

看这样能不能满足要求

[tiver2010]

jquery 实现 ， 而且 <ul> <li> 是动态生成的 ！

up 。。。。。。。。

[hch126163]

<ul class="show" id='menu'>

window.onload=function(){

var menu = document.getElementById("menu");
var aList = menu.getElementsByTagName("a");
for(var i=0;i<aLis.length;i++){
aLis[i].onclick=(function(i){getValue(aLis[i].innerHTML)})(i);
}
};

function getValue(v){
alert(v);
}

[bg163]

<div>也是动态生成的吗

[yuxh81]

$("li a").click(function(){
alert($(this).html());
});

[brainwkernighan]

如果无法获取div的方位，我提供一种万能的方法：

document.onclick= function(e){
	var event = window.event || e;
	if(event.srcElement.nodeName == 'A'){  // 也可以用nodeType
		alert(event.srcElement.innerHTML);
	}

否则直接用div.getElementsByTagName('a'),定义onclick方法，不过要注意闭包。

[tiver2010]

<div style="">
<ul class="show">


</ul>
</div>

是固定的 ，里面的菜单项是动态生成的 。。。。。。。

[tiver2010]

谢谢以上各位的回复， 用 js 我已经实现 ！现在是要用 jQuery ,我是这样写的:

("#depts ul>li").find("a").each(function(){
   $(this).click(function(){
      alert($(this).html());
   });
});

但是没有任何效果 。。。。。。

希望有高人指点 ！

[hch126163]

<ul class="show" id='menu'>

window.onload=function(){

var menu = document.getElementById("menu");
var aList = menu.getElementsByTagName("a");

for(var i=0;i<aList.length;i++)
{
( function(i){aList[i].onclick =function(){getValue(this.innerHTML);};})(i);
}

[tiver2010]

菜单项是动态加载的，以上只是我后台封装树的格式，其实最终在 jsp 页面显示的结果如下 ：



FF 下 截下的 代码片段，也就是说 会添加 一些 <div></div> 之类的 样式 ！

不知道是否表达清楚了我的意思 ？

[tiver2010]

图片看不到 。。。。



http://hi.csdn.net/attachment/201011/3/8563671_1288765242WpK5.jpg

[tiver2010]

框架面板 ---》 第一级菜单项 A
我的主页 ---》 第二级菜单项 A
页面一 ---》 第二级菜单项 B
...

[hoojo]

$(function () {
    $("a").click(function () {
         alert($(this).html() + "#" + $(this).text());
    });
});

[tuo_bing]

("#depts ul").each(function(){
   if( $(this):has("li>a") ){
      $(this).click(function(){
         alert($(this).html());
      });
   }
});

看是否能找到值 ！

[小辛、]

[Quote=引用 6 楼 yuxh81 的回复:]
$("li a").click(function(){
alert($(this).html());
});
[/Quote]

正解