1. $("ul li").click(function(){
  2. //获取当天月份
  3. var month_string = $(this).find("a").eq().text();
  4. var month = month_string.substring(,)
  5. alert(month);
  6.  
  7. });
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
  6. <meta content="yes" name="apple-mobile-web-app-capable">
  7. <meta content="black" name="apple-mobile-web-app-status-bar-style">
  8. <meta content="telephone=no" name="format-detection">
  9. <title>xxxxxx</title>
  10. <link rel="stylesheet" type="text/css" href="../css/public_sale.css">
  11. <link href="../css/basic_business_layout.css" rel="stylesheet" type="text/css">
  12. <link href="../css/basic_business.css" rel="stylesheet" type="text/css">
  13. <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);
  14. </script>
  15.  
  16. <script language="javascript" src="../js/navigator/menuswitch.js"></script>
  17.  
  18. <!--组件依赖css begin-->
  19. <link rel="stylesheet" type="text/css" href="../css/widget/navigator/navigator.css" />
  20. <link rel="stylesheet" type="text/css" href="../css/widget/navigator/navigator.iscroll.css" />
  21. <link rel="stylesheet" type="text/css" href="../css/widget/navigator/navigator.default.css" />
  22. <!--组件依赖css end-->
  23. <!--组件依赖js begin-->
  24. <script type="text/javascript" src="../js/navigator/zepto.js"></script>
  25. <script type="text/javascript" src="../js/navigator/zepto.extend.js"></script>
  26. <script type="text/javascript" src="../js/navigator/zepto.ui.js"></script>
  27. <script type="text/javascript" src="../js/navigator/zepto.iscroll.js"></script>
  28. <script type="text/javascript" src="../js/navigator/widget/navigator.js"></script>
  29. <script type="text/javascript" src="../js/navigator/widget/navigator.iscroll.js"></script>
  30. <!--组件依赖js end-->
  31.  
  32. </head>
  33.  
  34. <body>
  35.  
  36. <header>
  37. <a href="#" class="posit_ico headback_ico headLeft" id="back_id"></a>
  38. <a href="#" class="posit_ico headRight"></a>
  39. <h1><a href="#">发展用户收入查询</a></h1>
  40. </header>
  41. <section class="content">
  42. <!--日期选择start-->
  43. <div class="ui-date-nav">
  44. <div class="ui-date-list" id="nav-smartSetup">
  45. <ul class="fixed">
  46. <li><a href="#" class="ui-date-day">9月</a></li>
  47. <li><a href="#" class="ui-date-day">8月</a></li>
  48. <li><a href="#" class="ui-date-day">7月</a></li>
  49. <li><a href="#" class="ui-date-day">6月</a></li>
  50. <li><a href="#" class="ui-date-day">5月</a></li>
  51. <li><a href="#" class="ui-date-day">4月</a></li>
  52. <li><a href="#" class="ui-date-day">3月</a></li>
  53. <li><a href="#" class="ui-date-day">2月</a></li>
  54. <li><a href="#" class="ui-date-day">1月</a></li>
  55. </ul>
  56. </div>
  57. </div>
  58. <!--日期选择end-->
  59. <!--查询结果start-->
  60. <div class="search-result">
  61. <div class="ui-fold-list">
  62. <div class="ui-fold-show"><a href="#">用户收入汇总</a><i class="posit_ico listArrowB_ico"></i>
  63. </div>
  64. <div class="ui-fold-inner" style=" display:block;">
  65. <div class="fixed user-bill-total">
  66. <dl><dd>500000.0</dd><dt>当月实收金额</dt></dl>
  67. <dl><dd>245000.0</dd><dt>账户应收</dt></dl>
  68. </div>
  69. <div class="user-bill-other">
  70. <dl><dt>户均消费</dt><dd>50.0元</dd></dl>
  71. <dl><dt>新增欠费</dt><dd>10000.0元</dd></dl>
  72. <dl><dt>上月欠费补扣</dt><dd>500.0元</dd></dl>
  73. <dl><dt>在网激活用户</dt><dd>50人</dd></dl>
  74. <dl><dt>活跃消费用户</dt><dd>1000人</dd></dl>
  75. </div>
  76. </div>
  77. </div>
  78. <div class="ui-fold-list">
  79. <div class="ui-fold-show"><a href="#">海聊37套餐</a><i class="posit_ico listArrowB_ico"></i>
  80. </div>
  81. <div class="ui-fold-inner" style=" display:none;">
  82. <div class="fixed user-bill-total">
  83. <dl><dd>500000.0</dd><dt>当月实收金额</dt></dl>
  84. <dl><dd>245000.0</dd><dt>账户应收</dt></dl>
  85. </div>
  86. <div class="user-bill-other">
  87. <dl><dt>户均消费</dt><dd>50.0元</dd></dl>
  88. <dl><dt>新增欠费</dt><dd>10000.0元</dd></dl>
  89. <dl><dt>上月欠费补扣</dt><dd>500.0元</dd></dl>
  90. <dl><dt>在网激活用户</dt><dd>50人</dd></dl>
  91. <dl><dt>活跃消费用户</dt><dd>1000人</dd></dl>
  92. </div>
  93. </div>
  94. </div>
  95. <div class="ui-fold-list">
  96. <div class="ui-fold-show"><a href="#">海聊57套餐</a><i class="posit_ico listArrowB_ico"></i>
  97. </div>
  98. <div class="ui-fold-inner" style=" display:none;">
  99. <div class="fixed user-bill-total">
  100. <dl><dd>500000.0</dd><dt>当月实收金额</dt></dl>
  101. <dl><dd>245000.0</dd><dt>账户应收</dt></dl>
  102. </div>
  103. <div class="user-bill-other">
  104. <dl><dt>户均消费</dt><dd>50.0元</dd></dl>
  105. <dl><dt>新增欠费</dt><dd>10000.0元</dd></dl>
  106. <dl><dt>上月欠费补扣</dt><dd>500.0元</dd></dl>
  107. <dl><dt>在网激活用户</dt><dd>50人</dd></dl>
  108. <dl><dt>活跃消费用户</dt><dd>1000人</dd></dl>
  109. </div>
  110. </div>
  111. </div>
  112. <div class="ui-fold-list">
  113. <div class="ui-fold-show"><a href="#">海聊77套餐</a><i class="posit_ico listArrowB_ico"></i>
  114. </div>
  115. <div class="ui-fold-inner" style=" display:none;">
  116. <div class="fixed user-bill-total">
  117. <dl><dd>500000.0</dd><dt>当月实收金额</dt></dl>
  118. <dl><dd>245000.0</dd><dt>账户应收</dt></dl>
  119. </div>
  120. <div class="user-bill-other">
  121. <dl><dt>户均消费</dt><dd>50.0元</dd></dl>
  122. <dl><dt>新增欠费</dt><dd>10000.0元</dd></dl>
  123. <dl><dt>上月欠费补扣</dt><dd>500.0元</dd></dl>
  124. <dl><dt>在网激活用户</dt><dd>50人</dd></dl>
  125. <dl><dt>活跃消费用户</dt><dd>1000人</dd></dl>
  126. </div>
  127. </div>
  128. </div>
  129. <div class="ui-fold-list">
  130. <div class="ui-fold-show"><a href="#">海聊117套餐</a><i class="posit_ico listArrowB_ico"></i>
  131. </div>
  132. <div class="ui-fold-inner" style=" display:none;">
  133. <div class="fixed user-bill-total">
  134. <dl><dd>500000.0</dd><dt>当月实收金额</dt></dl>
  135. <dl><dd>245000.0</dd><dt>账户应收</dt></dl>
  136. </div>
  137. <div class="user-bill-other">
  138. <dl><dt>户均消费</dt><dd>50.0元</dd></dl>
  139. <dl><dt>新增欠费</dt><dd>10000.0元</dd></dl>
  140. <dl><dt>上月欠费补扣</dt><dd>500.0元</dd></dl>
  141. <dl><dt>在网激活用户</dt><dd>50人</dd></dl>
  142. <dl><dt>活跃消费用户</dt><dd>1000人</dd></dl>
  143. </div>
  144. </div>
  145. </div>
  146.  
  147. </div>
  148. <!--查询结果end-->
  149. </section>
  150. <script type="text/javascript">
  151. (function () {
  152. /*组件初始JS*/
  153. $('#nav-smartSetup').navigator(); //smart setup方式创建 推荐方式
  154. })();
  155. </script>
  156.  
  157. <script language="javascript">
  158. /*折叠菜单JS*/
  159. var mSwitch = new MenuSwitch("ui-fold-list");
  160. mSwitch.setDefault(0);
  161. mSwitch.setPrevious(false);
  162. mSwitch.init();
  163. </script>
  164. </body>
  165.  
  166. </html>

然后就可以获取相应的点击的是那个月份了

获取ul下li标签里点击的是哪一个li并获取li里a标签的值的更多相关文章

  1. jquery获取ul下的所有li个数

    通过jquery获取ul下所有li的个数(eg) $("ul li").length 通过jquery设置标签css的样式(eg)$("#div").css({ ...

  2. 对Ul下的li标签执行点击事件——如何获取你所点击的标签

    问题所来:做项目时,一般的数据都是用循环动态加载出来的,结构都是一样的,只是绑定的值不同,如何对相同的标签做处理的问题就来了. 例如:点谁就显示谁的数值 <ul > <li id=& ...

  3. Jquery和JS获取ul中li标签(转)

    js 获取元素下面所有的li var content=document.getElementById("content"); var items=content.getElemen ...

  4. Jquery和JS获取ul中li标签

    js 获取元素下面所有的li var content=document.getElementById("content"); var items=content.getElemen ...

  5. 遍历ul下的li,点击弹出li的索引

    首先我们需要一个html结构 <div > <ul> <li>a</li> <li>a</li> <li>a< ...

  6. 通过jquery获取ul中第一个li的属性

    当加载列表时,默认希望选中第一条.top_menu 为ul的ID 通过 $("#top_menu li:first") 就可以获取到 ul下第一个li标签.然后就可以利用 例如 修 ...

  7. ie6,ie7下a标签无法点击(转载)

    前几天在做一个网站的引导页面,因为都是用图片,所以按钮需要用空a标签来做,发现a标签在IE6与IE7中点击无效中点击不了,其他浏览器都正常.一开始以为是z-index的问题,但不论z-index设置多 ...

  8. jquery选择div下的ul下的li下的a

    使用jQuery选择器: $("div#div的id ul li a")//选择的是div下 ul下所有li下的所有a标签 $("div#div的id").ch ...

  9. JQ 获取ul\ol 下面li的个数

    使用 jQuery 获取 ul 下面 li 的个数,那么我们需要遍历我们的ul.如果你的ul有class .id 或两者都没,您可以使用 ul 标签来遍历. //遍历ul 获取li个数 $(" ...

随机推荐

  1. MySql、Oracle、MSSQL中的字符串的拼接

    字符串的拼接 1,Mysql 在Java.C#等编程语言中字符串的拼接可以通过加号“+”来实现,比如:"1"+"3"."a"+"b ...

  2. 根据ImageView的大小来压缩Bitmap,避免OOM

    Bitmap是引起OOM的罪魁祸首之一,当我们从网络上下载图片的时候无法知道网络图片的准确大小,所以为了节约内存,一般会在服务器上缓存一个缩略图,提升下载速度.除此之外,我们还可以在本地显示图片前将图 ...

  3. 无需SherlockActionbar的SlidingMenu使用详解(一)——通过SlidingMenu设置容器并解决滑动卡顿的问题

    想必很多人都听过这个开源框架,一年前真的是风靡一时.只是它的配置较为繁琐,还需要sherlockActionbar的支持,我这里下载了最新的开源库,并且在实际用套用了AppCompat的官方库,这样就 ...

  4. MySql和相关驱动的安装方式

    下载mySql for java驱动的地址:http://www.mysql.com/products/connector/ (可下可不下,因为安装mySql的时候就会包含了各种驱动) MySQL下载 ...

  5. 在 JDK 9 中更简洁使用 try-with-resources 语句

    本文详细介绍了自 JDK 7 引入的 try-with-resources 语句的原理和用法,以及介绍了 JDK 9 对 try-with-resources 的改进,使得用户可以更加方便.简洁的使用 ...

  6. 【BZOJ】【4146】 【AMPPZ2014】Divisors

    暴力 由于值的范围很小($ \leq 2*10^6$),所以用一个cnt数组统计每个值有多少个数,然后从小到大,统计每个数的倍数即可. 根据调和数?的神奇性质= =这样是$O(nlogn)$的…… / ...

  7. 我讨厌Apple Safari浏览器的一些地方。不想用

    1. 书签栏 无法直接新建文件夹 2. 新建书签 无法新建文件夹 3.地址栏 不显示当前书签 是否已收藏! 4. 书签栏 移动书签,体验没有Chrome好. 5.书签栏 没有chrone的 " ...

  8. myeclipse2014 没有maven dependencies

    myeclipse不是非常稳定,总是会出各种各样的漏子.我一直都这样认为,可是又认为比eclipse功能多多了. 这次出现的问题是maven项目被IDE识别了.可是没有出现maven dependen ...

  9. HDU 1234 (浙大计算机研究生复试上机考试-2005年) 开门人和关门人 (水)

    开门人和关门人 Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others) Total Su ...

  10. java web文件下载功能实现 (转)

    http://blog.csdn.net/longshengguoji/article/details/39433307 需求:实现一个具有文件下载功能的网页,主要下载压缩包和图片 两种实现方法: 一 ...