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

时间：2022-12-09 00:08:24


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

15 个解决方案

#1



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

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

alert(this.innerHTML)

});

#2

引用 1 楼 sohighthesky 的回复:
JScript code

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


+++

#3

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

#4

引用 1 楼 sohighthesky 的回复:
JScript code

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



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

#5

引用 4 楼 woshizhangxinhan 的回复:
引用 1 楼 sohighthesky 的回复:

JScript code

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



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

#6

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

#7



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

alert(this.innerHTML)

});


这样

#8

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

text下的a 。

#9

问题表述的有矛盾
"如何遍历这个ul里的<li>然后给每一个<a>加一个onclick事件，事件内容是alert <a>标签的值。比如说点击<li><a href="#">测试一</a></li>就alert("测试一");"

你到底是要给li加上onclick属性呢,还是说,直接弹出内容innerhtml的内容

#10

引用 7 楼 liujian650107 的回复:
JScript code

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



这样



如果li也带id了,看你怎么办,

#11

引用 8 楼 zell419 的回复:
$("#text a").click(function(){
alert(this.innerHTML)
});

text下的a 。


如果li也带id了,看你怎么办,

#12

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

#13

上面都用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>

#14

引用 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>
能否解释下？

#15

引用 11 楼 qq35610 的回复:
引用 8 楼 zell419 的回复:

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

text下的a 。


如果li也带id了,看你怎么办,



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


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

#1



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

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

alert(this.innerHTML)

});

#2

引用 1 楼 sohighthesky 的回复:
JScript code

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


+++

#3

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

#4

引用 1 楼 sohighthesky 的回复:
JScript code

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



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

#5

引用 4 楼 woshizhangxinhan 的回复:
引用 1 楼 sohighthesky 的回复:

JScript code

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



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

#6

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

#7



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

alert(this.innerHTML)

});


这样

#8

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

text下的a 。

#9

问题表述的有矛盾
"如何遍历这个ul里的<li>然后给每一个<a>加一个onclick事件，事件内容是alert <a>标签的值。比如说点击<li><a href="#">测试一</a></li>就alert("测试一");"

你到底是要给li加上onclick属性呢,还是说,直接弹出内容innerhtml的内容

#10

引用 7 楼 liujian650107 的回复:
JScript code

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



这样



如果li也带id了,看你怎么办,

#11

引用 8 楼 zell419 的回复:
$("#text a").click(function(){
alert(this.innerHTML)
});

text下的a 。


如果li也带id了,看你怎么办,

#12

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

#13

上面都用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>

#14

引用 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>
能否解释下？

#15

引用 11 楼 qq35610 的回复:
引用 8 楼 zell419 的回复:

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

text下的a 。


如果li也带id了,看你怎么办,



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


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

相关文章