======jquery如何遍历
里面的?????====

你猜我猜不猜拉 2011-06-28 07:43:54



 <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("测试一");

...全文

4828 12 打赏收藏转发到动态举报

写回复

用AI写文章

12 条回复

切换为时间正序

请发表友善的回复…

发表回复

小辛、 2011-06-29

打赏
举报

[Quote=引用 11 楼 qq35610 的回复:]

引用 8 楼 zell419 的回复:

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

text下的a 。

如果li也带id了,看你怎么办,
[/Quote]

这跟li的 id有什么关系呢???

就算li有id 它一样是会选择这个li啊~

weike021996 2011-06-28

打赏
举报

[Quote=引用 12 楼 aspwebchh 的回复:]

HTML code
<ul id="text">
<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>

[/Quote]能否解释下？

KeepMoving 2011-06-28

打赏
举报

上面都用Jquery了，我给个不用的！



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

<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>

挨踢直男 2011-06-28

打赏
举报

<ul id="text">

    <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>

zell419 2011-06-28

打赏
举报

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

text下的a 。

小辛、 2011-06-28

打赏
举报



$("#text li a").click(function(){

alert(this.innerHTML)

});

这样

xuexiaodong2009 2011-06-28

打赏
举报

$("ul a").click(function(){
alert(this.innerHTML)
});

xuexiaodong2009 2011-06-28

打赏
举报

[Quote=引用 4 楼 woshizhangxinhan 的回复:]
引用 1 楼 sohighthesky 的回复:

JScript code

//如果用jq的话，下面的，否则的话再说
$("li a").click(function(){
alert(this.innerHTML)
});

我页面还有其他的li怎么办呢我这个li在<ul id="text">里！
[/Quote]$("ul a").").click(function(){
alert(this.innerHTML)
});

你猜我猜不猜拉 2011-06-28

打赏
举报

[Quote=引用 1 楼 sohighthesky 的回复:]

JScript code

//如果用jq的话，下面的，否则的话再说
$("li a").click(function(){
alert(this.innerHTML)
});
[/Quote]

我页面还有其他的li怎么办呢我这个li在<ul id="text">里！

小辛、 2011-06-28

打赏
举报

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

小辛、 2011-06-28

打赏
举报

[Quote=引用 1 楼 sohighthesky 的回复:]

JScript code

//如果用jq的话，下面的，否则的话再说
$("li a").click(function(){
alert(this.innerHTML)
});
[/Quote]

+++

sohighthesky 2011-06-28

打赏
举报



//如果用jq的话，下面的，否则的话再说

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

alert(this.innerHTML)

});

这篇博客主要介绍了使用jQuery遍历DOM元素，包括遍历祖先元素、后代元素、兄弟元素的技巧，并通过实例展示了如何进行过滤操作。适合前端开发者提升jQuery操作DOM的能力。

这篇博客详细介绍了jQuery中的遍历方法，包括向上、向下和平行遍历DOM树，以及各种过滤操作。重点讨论了`each`方法，如何遍历一维数组、二维数组、JSON数据以及DOM元素，并提供了丰富的示例。

本文详细介绍了jQuery中的遍历功能，包括parent(),children(),find(),siblings()等方法，阐述了它们的用途和性能特点，并讨论了遍历的优缺点。同时提到了与jQuery遍历相关的其他热点文章主题。,

JavaScript

87,990

社区成员

224,684

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章

======jquery如何遍历里面的?????====

======jquery如何遍历
里面的?????====