获取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个数 $(" ...
随机推荐
- SharePoint 2013 workflows stop working (Failed on started.)
前言 最近,使用工作流的时候碰到了一个问题,突然间所有工作流都无法启动,报错Failed on started. 同时,工作流内部报错,工作流被系统账号取消了. 查了很久,发现系统打了windows ...
- 真爱如血第七季/全集True Blood迅雷下载
第七季 True Blood Season 7(2014)看点:由于日本科学家合成了一种人造血,一夜之间,吸血鬼不再是人们心中那富有传奇色彩的怪物,而是能与人类和平相处的朋友.已经播出五年的HBO吸血 ...
- 手游项目Crash的上报
基于cocos2d-x开发的手游,免不了会遇到崩溃.闪退,在非debug状态下定位问题异常的艰难,像我们项目是在cocos2dx的基础上封装了一层,然后又与lua进行互调.因为接受C++/移动端开发比 ...
- docker 日志清理与设置
清空 cat /dev/null >json.log docker-compose nginx: image: nginx:1.12.1 restart: always logging: dri ...
- 超级账本环境搭建fabric
:gotar -C /usr/local -xzf go1.9.2.linux-amd64.tar.gz vi ~/.profile export PATH=$PATH:/usr/local/go/b ...
- 在自己建立的Thread中设置Handler,并接收消息
这里主要讲的是Android中线程的概念,自己的线程不能更新UI线程中的视图.如果把Handler设置在自己的线程中,那么必须建立一个Looper.至于为什么在Activity中建立Handler就不 ...
- [Web 前端] CSS篇之3. 如何保持浮层水平垂直居中
原文链接](http://www.cnblogs.com/yaliu/p/5190957.html) 浮层水平垂直居中方法 (一)利用绝对定位与transform <div class=&quo ...
- HTTP Error 502.5 – Process Failure
https://www.cnblogs.com/lookerblue/p/7101641.html http://www.cnblogs.com/lookerblue/p/7102040.html h ...
- webrequest HttpWebRequest webclient/HttpClient
webrequest(abstract类,不可直接用) <--- (继承)---- HttpWebRequest(更好的控制请求) <--- (继承)---- webclient (简单快 ...
- jetty+mongodb 配置session外部数据库存储
monbgodb简介 主页 http://www.mongodb.org/ oschina.net 介绍页 http://www.oschina.net/p/mongodb MongoDB是一个介于关 ...