获取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个数 $(" ...
随机推荐
- 霍夫曼编码(Huffman Coding)
霍夫曼编码(Huffman Coding)是一种编码方法,霍夫曼编码是可变字长编码(VLC)的一种. 霍夫曼编码使用变长编码表对源符号(如文件中的一个字母)进行编码,其中变长编码表是通过一种评估来源符 ...
- 开源项目MultiChoiceAdapter详解(三)——MulitChoiceNormalArrayAdapter的使用
MulitChoiceNormalArrayAdapter是我自己定义的一个类,其实就是实现了MulitChoiceArrayAdapter,为什么做这个简单的实现类呢,因为这样我们在不用Action ...
- c# action<> func<> 这2个委托怎么用和理解
其实很好理解的呢!~首先你需要明白,他们是委托的简写形式. 一.[action<>]指定那些只有输入参数,没有返回值的委托 1.1定义一个委托: 比如,我们原来写委托: public de ...
- 帕累托分布(Pareto distributions)、马太效应
什么是帕累托分布 帕累托分布是以意大利经济学家维弗雷多·帕雷托命名的. 是从大量真实世界的现象中发现的幂次定律分布.这个分布在经济学以外,也被称为布拉德福分布. 帕累托因对意大利20%的人口拥有80% ...
- httpd 不带反斜杠 出现 301重定向
[root@VM_64_69_centos httpd]# curl http://localhost:9001/pay <!DOCTYPE HTML PUBLIC "-//IETF/ ...
- go语言之进阶篇方法的重写
1.方法的重写 示例: //Person类型,实现了一个方法 func (tmp *Person) PrintInfo() { fmt.Printf("name=%s, sex=%c, ag ...
- [leetcode]Palindrome Partitioning @ Python
原题地址:https://oj.leetcode.com/problems/palindrome-partitioning/ 题意: Given a string s, partition s suc ...
- 算法 递归 迭代 动态规划 斐波那契数列 MD
Markdown版本笔记 我的GitHub首页 我的博客 我的微信 我的邮箱 MyAndroidBlogs baiqiantao baiqiantao bqt20094 baiqiantao@sina ...
- 关于使用rem单位、css函数calc()进行自适应布局
一.关于css中的单位 大家都知道在css中的单位,一般都包括有px,%,em等单位,另外css3新增加一个单位rem. 其中px,%等单位平时在传统布局当中使用的比较频繁,大家也比较熟悉,不过px单 ...
- mybatis @Select注解中如何拼写动态sql
@Mapper public interface DemandCommentMapper extends BaseMapper<DemandComment>{ @Select(" ...