$("ul li").click(function(){ //獲取當天月份 var month_string = $(this).find("a").eq(0).text(); var month = month_string.substring(0,1) 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>
然后就可以獲取相應的點擊的是那個月份了
