获取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个数 $(" ...
随机推荐
- Swift - 用CATransform3DMakeRotation实现翻页效果
Swift - 用CATransform3DMakeRotation实现翻页效果 效果 源码 https://github.com/YouXianMing/Swift-Animations // // ...
- 如何删除mac keeper
如果不小心安装了mac keeper,基本是无法删除的,而且16年以前的方法都不管用.可以这样删除,我已经测试过了,下载https://data-cdn.mbamupdates.com/web/mba ...
- 超感猎杀/超感八人组第一季至二季/全集Sense8迅雷下载
本季 Sense8 (2015)看点:<超感八人组>由沃卓斯基姐弟执导的科幻剧集是Netflix继“纸牌屋第二季”后的又一大手笔制作,讲述未来世界不同地区的8个人因同时目睹同一暴力事件.从 ...
- 嘻哈帝国第一季/全集Empire迅雷下载
英文译名Empire,第1季(2015-01-08)FOX.本季看点:<嘻哈帝国>卢西奥斯·莱恩是一名超级音乐明星兼Empire娱乐公司的创始人,故事讲述了他如何在困境和失败中运营公司的故 ...
- pip 安装错误 'ascii' codec can't encode characters
安装 python-dev既可解决 apt-get install python-dev
- 用开源项目JazzyViewPager实现ViewPager切换动画
JazzyViewPager这个项目可以让viewpager有各种绚丽的动画,而且还可以自由扩展.但从官网下载的lib导入时会出现找不到视图的问题,不知道是不是我人品不行,所以我就自己写了lib.总之 ...
- SVG.js Marker标记和自定义标签
一.SVG.Marker 添加标记 SVG.Marker 标记可以被添加到一个线,折线的各点,多边形和路径.有三种类型的标记:开始,中间和结束.如果开始表示第一个点,则结束中间的最后一点和中间点. v ...
- ImportError: No module named caffe.proto解决办法
原文 https://blog.csdn.net/lanyuelvyun/article/details/73628152 在用自己的数据训练基于caffe的SSD模型的时候,我们需要将图片数据转 ...
- 析构函数 (C++)
最近发现自己对析构函数的认知有一定的问题,因为之前有在使用placement new时主动调用对象的析构函数,所以觉得析构函数只是个普通的成员函数,调用的时候只会执行自己方法体内的代码内容,而回收内存 ...
- freemarker怎么把数据显示到页面中?
第一步 创建一个User.java文件 来两个变量 public class User { private String userName; private ...