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

最新推荐文章于 2023-11-29 14:45:38 发布

孙小兔

最新推荐文章于 2023-11-29 14:45:38 发布

阅读量6.4k

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/sxl0727tu/article/details/22744187

版权

JavaScript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

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

代码如下：

<%@ 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
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
『JQuery』点击ul列表下的li会弹出提示框显示每个li中的内容

利用JQuery实现，点击test1跳出提示框test1，以此类推，点击哪个选项就会跳出该选项的内容。 test1 test2 test3 代码如下： test1 test2 test3
复制链接

扫一扫