获取ul下li标签里点击的是哪一个li并获取li里a标签的值
- $("ul li").click(function(){
- //获取当天月份
- var month_string = $(this).find("a").eq().text();
- var month = month_string.substring(,)
- alert(month);
- });
- <!doctype html>
- <html>
- <head>
- <meta charset="UTF-8">
- <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
- <meta content="yes" name="apple-mobile-web-app-capable">
- <meta content="black" name="apple-mobile-web-app-status-bar-style">
- <meta content="telephone=no" name="format-detection">
- <title>xxxxxx</title>
- <link rel="stylesheet" type="text/css" href="../css/public_sale.css">
- <link href="../css/basic_business_layout.css" rel="stylesheet" type="text/css">
- <link href="../css/basic_business.css" rel="stylesheet" type="text/css">
- <script>!function(n,e){var t=n.documentElement,i="orientationchange"in window?"orientationchange":"resize",o=function(){var n=t.clientWidth;n&&(t.style.fontSize=(n/320*10).toFixed(0)+"px")};o(),n.addEventListener&&e.addEventListener(i,o,!1)}(document,window);
- </script>
- <script language="javascript" src="../js/navigator/menuswitch.js"></script>
- <!--组件依赖css begin-->
- <link rel="stylesheet" type="text/css" href="../css/widget/navigator/navigator.css" />
- <link rel="stylesheet" type="text/css" href="../css/widget/navigator/navigator.iscroll.css" />
- <link rel="stylesheet" type="text/css" href="../css/widget/navigator/navigator.default.css" />
- <!--组件依赖css end-->
- <!--组件依赖js begin-->
- <script type="text/javascript" src="../js/navigator/zepto.js"></script>
- <script type="text/javascript" src="../js/navigator/zepto.extend.js"></script>
- <script type="text/javascript" src="../js/navigator/zepto.ui.js"></script>
- <script type="text/javascript" src="../js/navigator/zepto.iscroll.js"></script>
- <script type="text/javascript" src="../js/navigator/widget/navigator.js"></script>
- <script type="text/javascript" src="../js/navigator/widget/navigator.iscroll.js"></script>
- <!--组件依赖js end-->
- </head>
- <body>
- <header>
- <a href="#" class="posit_ico headback_ico headLeft" id="back_id"></a>
- <a href="#" class="posit_ico headRight"></a>
- <h1><a href="#">发展用户收入查询</a></h1>
- </header>
- <section class="content">
- <!--日期选择start-->
- <div class="ui-date-nav">
- <div class="ui-date-list" id="nav-smartSetup">
- <ul class="fixed">
- <li><a href="#" class="ui-date-day">9月</a></li>
- <li><a href="#" class="ui-date-day">8月</a></li>
- <li><a href="#" class="ui-date-day">7月</a></li>
- <li><a href="#" class="ui-date-day">6月</a></li>
- <li><a href="#" class="ui-date-day">5月</a></li>
- <li><a href="#" class="ui-date-day">4月</a></li>
- <li><a href="#" class="ui-date-day">3月</a></li>
- <li><a href="#" class="ui-date-day">2月</a></li>
- <li><a href="#" class="ui-date-day">1月</a></li>
- </ul>
- </div>
- </div>
- <!--日期选择end-->
- <!--查询结果start-->
- <div class="search-result">
- <div class="ui-fold-list">
- <div class="ui-fold-show"><a href="#">用户收入汇总</a><i class="posit_ico listArrowB_ico"></i>
- </div>
- <div class="ui-fold-inner" style=" display:block;">
- <div class="fixed user-bill-total">
- <dl><dd>500000.0</dd><dt>当月实收金额</dt></dl>
- <dl><dd>245000.0</dd><dt>账户应收</dt></dl>
- </div>
- <div class="user-bill-other">
- <dl><dt>户均消费</dt><dd>50.0元</dd></dl>
- <dl><dt>新增欠费</dt><dd>10000.0元</dd></dl>
- <dl><dt>上月欠费补扣</dt><dd>500.0元</dd></dl>
- <dl><dt>在网激活用户</dt><dd>50人</dd></dl>
- <dl><dt>活跃消费用户</dt><dd>1000人</dd></dl>
- </div>
- </div>
- </div>
- <div class="ui-fold-list">
- <div class="ui-fold-show"><a href="#">海聊37套餐</a><i class="posit_ico listArrowB_ico"></i>
- </div>
- <div class="ui-fold-inner" style=" display:none;">
- <div class="fixed user-bill-total">
- <dl><dd>500000.0</dd><dt>当月实收金额</dt></dl>
- <dl><dd>245000.0</dd><dt>账户应收</dt></dl>
- </div>
- <div class="user-bill-other">
- <dl><dt>户均消费</dt><dd>50.0元</dd></dl>
- <dl><dt>新增欠费</dt><dd>10000.0元</dd></dl>
- <dl><dt>上月欠费补扣</dt><dd>500.0元</dd></dl>
- <dl><dt>在网激活用户</dt><dd>50人</dd></dl>
- <dl><dt>活跃消费用户</dt><dd>1000人</dd></dl>
- </div>
- </div>
- </div>
- <div class="ui-fold-list">
- <div class="ui-fold-show"><a href="#">海聊57套餐</a><i class="posit_ico listArrowB_ico"></i>
- </div>
- <div class="ui-fold-inner" style=" display:none;">
- <div class="fixed user-bill-total">
- <dl><dd>500000.0</dd><dt>当月实收金额</dt></dl>
- <dl><dd>245000.0</dd><dt>账户应收</dt></dl>
- </div>
- <div class="user-bill-other">
- <dl><dt>户均消费</dt><dd>50.0元</dd></dl>
- <dl><dt>新增欠费</dt><dd>10000.0元</dd></dl>
- <dl><dt>上月欠费补扣</dt><dd>500.0元</dd></dl>
- <dl><dt>在网激活用户</dt><dd>50人</dd></dl>
- <dl><dt>活跃消费用户</dt><dd>1000人</dd></dl>
- </div>
- </div>
- </div>
- <div class="ui-fold-list">
- <div class="ui-fold-show"><a href="#">海聊77套餐</a><i class="posit_ico listArrowB_ico"></i>
- </div>
- <div class="ui-fold-inner" style=" display:none;">
- <div class="fixed user-bill-total">
- <dl><dd>500000.0</dd><dt>当月实收金额</dt></dl>
- <dl><dd>245000.0</dd><dt>账户应收</dt></dl>
- </div>
- <div class="user-bill-other">
- <dl><dt>户均消费</dt><dd>50.0元</dd></dl>
- <dl><dt>新增欠费</dt><dd>10000.0元</dd></dl>
- <dl><dt>上月欠费补扣</dt><dd>500.0元</dd></dl>
- <dl><dt>在网激活用户</dt><dd>50人</dd></dl>
- <dl><dt>活跃消费用户</dt><dd>1000人</dd></dl>
- </div>
- </div>
- </div>
- <div class="ui-fold-list">
- <div class="ui-fold-show"><a href="#">海聊117套餐</a><i class="posit_ico listArrowB_ico"></i>
- </div>
- <div class="ui-fold-inner" style=" display:none;">
- <div class="fixed user-bill-total">
- <dl><dd>500000.0</dd><dt>当月实收金额</dt></dl>
- <dl><dd>245000.0</dd><dt>账户应收</dt></dl>
- </div>
- <div class="user-bill-other">
- <dl><dt>户均消费</dt><dd>50.0元</dd></dl>
- <dl><dt>新增欠费</dt><dd>10000.0元</dd></dl>
- <dl><dt>上月欠费补扣</dt><dd>500.0元</dd></dl>
- <dl><dt>在网激活用户</dt><dd>50人</dd></dl>
- <dl><dt>活跃消费用户</dt><dd>1000人</dd></dl>
- </div>
- </div>
- </div>
- </div>
- <!--查询结果end-->
- </section>
- <script type="text/javascript">
- (function () {
- /*组件初始JS*/
- $('#nav-smartSetup').navigator(); //smart setup方式创建 推荐方式
- })();
- </script>
- <script language="javascript">
- /*折叠菜单JS*/
- var mSwitch = new MenuSwitch("ui-fold-list");
- mSwitch.setDefault(0);
- mSwitch.setPrevious(false);
- mSwitch.init();
- </script>
- </body>
- </html>
然后就可以获取相应的点击的是那个月份了
获取ul下li标签里点击的是哪一个li并获取li里a标签的值的更多相关文章
- jquery获取ul下的所有li个数
通过jquery获取ul下所有li的个数(eg) $("ul li").length 通过jquery设置标签css的样式(eg)$("#div").css({ ...
- 对Ul下的li标签执行点击事件——如何获取你所点击的标签
问题所来:做项目时,一般的数据都是用循环动态加载出来的,结构都是一样的,只是绑定的值不同,如何对相同的标签做处理的问题就来了. 例如:点谁就显示谁的数值 <ul > <li id=& ...
- Jquery和JS获取ul中li标签(转)
js 获取元素下面所有的li var content=document.getElementById("content"); var items=content.getElemen ...
- Jquery和JS获取ul中li标签
js 获取元素下面所有的li var content=document.getElementById("content"); var items=content.getElemen ...
- 遍历ul下的li,点击弹出li的索引
首先我们需要一个html结构 <div > <ul> <li>a</li> <li>a</li> <li>a< ...
- 通过jquery获取ul中第一个li的属性
当加载列表时,默认希望选中第一条.top_menu 为ul的ID 通过 $("#top_menu li:first") 就可以获取到 ul下第一个li标签.然后就可以利用 例如 修 ...
- ie6,ie7下a标签无法点击(转载)
前几天在做一个网站的引导页面,因为都是用图片,所以按钮需要用空a标签来做,发现a标签在IE6与IE7中点击无效中点击不了,其他浏览器都正常.一开始以为是z-index的问题,但不论z-index设置多 ...
- jquery选择div下的ul下的li下的a
使用jQuery选择器: $("div#div的id ul li a")//选择的是div下 ul下所有li下的所有a标签 $("div#div的id").ch ...
- JQ 获取ul\ol 下面li的个数
使用 jQuery 获取 ul 下面 li 的个数,那么我们需要遍历我们的ul.如果你的ul有class .id 或两者都没,您可以使用 ul 标签来遍历. //遍历ul 获取li个数 $(" ...
随机推荐
- MySql、Oracle、MSSQL中的字符串的拼接
字符串的拼接 1,Mysql 在Java.C#等编程语言中字符串的拼接可以通过加号“+”来实现,比如:"1"+"3"."a"+"b ...
- 根据ImageView的大小来压缩Bitmap,避免OOM
Bitmap是引起OOM的罪魁祸首之一,当我们从网络上下载图片的时候无法知道网络图片的准确大小,所以为了节约内存,一般会在服务器上缓存一个缩略图,提升下载速度.除此之外,我们还可以在本地显示图片前将图 ...
- 无需SherlockActionbar的SlidingMenu使用详解(一)——通过SlidingMenu设置容器并解决滑动卡顿的问题
想必很多人都听过这个开源框架,一年前真的是风靡一时.只是它的配置较为繁琐,还需要sherlockActionbar的支持,我这里下载了最新的开源库,并且在实际用套用了AppCompat的官方库,这样就 ...
- MySql和相关驱动的安装方式
下载mySql for java驱动的地址:http://www.mysql.com/products/connector/ (可下可不下,因为安装mySql的时候就会包含了各种驱动) MySQL下载 ...
- 在 JDK 9 中更简洁使用 try-with-resources 语句
本文详细介绍了自 JDK 7 引入的 try-with-resources 语句的原理和用法,以及介绍了 JDK 9 对 try-with-resources 的改进,使得用户可以更加方便.简洁的使用 ...
- 【BZOJ】【4146】 【AMPPZ2014】Divisors
暴力 由于值的范围很小($ \leq 2*10^6$),所以用一个cnt数组统计每个值有多少个数,然后从小到大,统计每个数的倍数即可. 根据调和数?的神奇性质= =这样是$O(nlogn)$的…… / ...
- 我讨厌Apple Safari浏览器的一些地方。不想用
1. 书签栏 无法直接新建文件夹 2. 新建书签 无法新建文件夹 3.地址栏 不显示当前书签 是否已收藏! 4. 书签栏 移动书签,体验没有Chrome好. 5.书签栏 没有chrone的 " ...
- myeclipse2014 没有maven dependencies
myeclipse不是非常稳定,总是会出各种各样的漏子.我一直都这样认为,可是又认为比eclipse功能多多了. 这次出现的问题是maven项目被IDE识别了.可是没有出现maven dependen ...
- HDU 1234 (浙大计算机研究生复试上机考试-2005年) 开门人和关门人 (水)
开门人和关门人 Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others) Total Su ...
- java web文件下载功能实现 (转)
http://blog.csdn.net/longshengguoji/article/details/39433307 需求:实现一个具有文件下载功能的网页,主要下载压缩包和图片 两种实现方法: 一 ...