获取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个数 $(" ...
随机推荐
- HTTP协议--MyWebServer
HTTP协议 HTTP协议是一种Web通信协议,通过特定的规则来实现服务器跟客户端的通信.HTTP协议有这样几个特点: (1)面向无连接的,一次只能处理一个请求,HTTP1.0服务器解析完客户端请求并 ...
- Redis在Mac下的安装与使用方法
首先从Redis官网http://www.redis.io去下载最新版本的Redis安装文件(此处以Redis版本为例进行说明). Redis 2.6.16版本的下载地址:http://downl ...
- linux设置允许和禁止访问的IP host.allow 和 host.deny
对于能过xinetd程序启动的网络服务,比如ftp telnet,我们就可以修改/etc/hosts.allow和/etc/hosts.deny的配制,来许可或者拒绝哪些IP.主机.用户可以访问. 比 ...
- 如何打开google,facebok等网站
用记事本打开 C:\WINDOWS\System32\drivers\etc\hosts 文件,粘贴如下蓝色内容到文件里,然后输入 例如 https://www.google.com https: ...
- 使用C++/libCurl/Jsoncpp读取arcgis wmts 服务(restful模式)
前言: 最近工作需要将arcgis的wmts服务接入我们的3DGis系统平台,要求用户只输入一个rest模式的wmts服务地址,系统即可自动获取并解析其元数据信息,生成wmts图层,并渲染显示.经过多 ...
- cesium js学习一加载三维模型【转】
http://blog.csdn.net/tangyajun_168/article/details/50936698 最近项目中用到室外三维模型与室内三维地图交互,室外三维模型的加载我们采用了ces ...
- Lync 2013安装中遇到的关于SQL Mirroring的一次报错的解决
Problem Description ================= Following the Lync Deployment Wizard to setup Database Mirrori ...
- 修改IP地址的PowerShell
$wmi = Get-WmiObject win32_networkadapterconfiguration -filter "ipenabled = 'true'" $wmi.E ...
- 用深度学习(CNN RNN Attention)解决大规模文本分类问题 - 综述和实践
https://zhuanlan.zhihu.com/p/25928551 近来在同时做一个应用深度学习解决淘宝商品的类目预测问题的项目,恰好硕士毕业时论文题目便是文本分类问题,趁此机会总结下文本分类 ...
- neo4j的配置文件(图文详解)
不多说,直接上干货! 前期博客 Ubuntu16.04下Neo4j图数据库官网安装部署步骤(图文详解)(博主推荐) Ubuntu14.04下Neo4j图数据库官网安装部署步骤(图文详解)(博主推荐) ...