『JQuery』 点击ul列表下的li会弹出提示框显示每个li中的内容

来源:互联网 发布:banner轮播图js代码 编辑:程序博客网 时间:2024/03/29 06:53

利用JQuery实现,点击test1跳出提示框test1,以此类推,点击哪个选项就会跳出该选项的内容。

    <ul id="nav" >
        <li ><a href="">test1</a></li>
        <li><a href="">test2</a></li>
        <li><a href="">test3</a></li>
    </ul>

 

 

 

代码如下:

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><html>    <body>    <ul id="nav" >        <li><a href="">test1</a></li>        <li><a href="">test2</a></li>        <li><a href="">test3</a></li>    </ul>  </body></html><script type="text/javascript" src="jQuery.js"></script> <script type="text/javascript" >$("ul li").click(function(){  alert($(this).find("a").eq(0).text()); //alert($(this).eq(0).text());   });</script>


 

0 0
原创粉丝点击