『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
- 『JQuery』 点击ul列表下的li会弹出提示框显示每个li中的内容
- ul中的li点击弹出索引值
- ul li 列表的居中显示
- 对于一个"ul"列表,单击弹出每个"li"对应的索引
- jquery实现ul列表中点击li选择radio
- asp.net JQuery Ajax WebService 搜索 自动匹配 动态生成ul li 点击li 获取li内容
- Css <ul><li>列表的样式的控制</li></ul>
- jQuery里 $("ul > li") 跟 $("ul li") 的区别
- <ul><li></li></ul>之间的文字居中水平显示
- jQuery Mobile中列表项ol、ul中的li的data-*选项
- 控制ul下 的li
- 对ul 下的li标签执行点击事件
- 对Ul下的li标签执行点击事件
- 动态生成 ul 的li jquery 点击事件无法获取到li
- jquery实现ul列表中点击radio后面的文本选中radio,点击整个li选中radio
- css防止ul下的li里面内容超出换行
- ul li列表中显示文字强制不换行大于li宽度的文字自动隐藏
- ul li列表排序
- Eclipse中marketplace组件的安装
- Eclipse中GitHub的配置
- php基础之魔术方法
- 安卓中出现Android library projects cannot be launched的解决办法
- 安卓中出现Jar mismatch! Fix your dependencies的解决办法
- 『JQuery』 点击ul列表下的li会弹出提示框显示每个li中的内容
- C语言中什么是形参,什么是实参?
- Unable to execute dex: Multiple dex files define Landroid/supportv4/accessibili的解决办法
- java中的强引用、软引用、弱引用、 虚引用
- ARP命令简介
- jquery $(document).ready() 与window.onload的区别
- android-发短信代码实现
- Eclipse常用知识
- ContractName Microsoft.VisualStudio.Text.ITextDocumentFactoryService