<ul>
<li><a href="#">测试一</a></li>
<li><a href="#">测试二</a></li>
<li><a href="#">测试三</a></li>
<li><a href="#">测试四</a></li>
<li><a href="#">测试五</a></li>
</ul>
如何遍历这个ul里的<li>然后给每一个<a>加一个onclick事件,事件内容是alert <a>标签的值。比如说点击<li><a href="#">测试一</a></li>就alert("测试一");
//如果用jq的话,下面的,否则的话再说
$("li a").click(function(){
alert(this.innerHTML)
});
alert($(this).html())
});
alert(this.innerHTML)
});
alert(this.innerHTML)
});
$("#text li a").click(function(){
alert(this.innerHTML)
});
这样
alert(this.innerHTML)
});text下的a 。
"如何遍历这个ul里的<li>然后给每一个<a>加一个onclick事件,事件内容是alert <a>标签的值。比如说点击<li><a href="#">测试一</a></li>就alert("测试一");"你到底是要给li加上onclick属性呢,还是说,直接弹出内容innerhtml的内容
如果li也带id了,看你怎么办,
<li><a href="#">测试一</a></li>
<li><a href="#">测试二</a></li>
<li><a href="#">测试三</a></li>
<li><a href="#">测试四</a></li>
<li><a href="#">测试五</a></li>
</ul><script type="text/javascript">
$("#text").get(0).onclick = function(e)
{
e = e || event;
target = e.target || e.srcElement;
if(target.tagName == "A") alert(target.innerHTML)
}
</script>
<head>
<title></title>
</head>
<body>
<ul id="ulList">
<li><a href="#">测试一</a></li>
<li><a href="#">测试二</a></li>
<li><a href="#">测试三</a></li>
<li><a href="#">测试四</a></li>
<li><a href="#">测试五</a></li>
</ul>
</body>
</html>
<script language="javascript" type="text/javascript">
var ulList = document.getElementById("ulList");
var aList = ulList.getElementsByTagName("a");
for (var i = 0; i < aList.length; i++) {
aList[i].onclick = function () { alert(this.innerHTML); }
}
</script>
就算li有id 它一样是会选择这个li啊~