JQ tab 切换-局部刷新(关于index)

最新推荐文章于 2024-06-23 23:33:24 发布

somnus_ly

最新推荐文章于 2024-06-23 23:33:24 发布

阅读量2.9k

点赞数

分类专栏： jquery小结文章标签： jquery this index

本文链接：https://blog.csdn.net/somous_ly/article/details/38495293

版权

jquery小结专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>TAB切换</title>
	<style type="text/css">
		#tit{
			list-style: none;
			padding: 0;
		}
		#tit li{
			float: left;
			padding: 0 15px;
			background: gray;
		}
		#con{
			clear: both;
		}
	</style>
	<script type="text/javascript" src="jquery-1.11.1.js"></script>
</head>
<body>
	<ul id="tit">
		<li>新闻一</li>
		<li>新闻二</li>
		<li>新闻三</li>
	</ul>
	<div id="con">
		<div></div>
	</div>
</body>
<script type="text/javascript">
	var url = "tab.php";
	var send = "get"
	$("ul>li").click(function(){
		<span style="color:#ff0000;">var a = $(this).index();</span>
		$.ajax({
			url:url,
			data:send,
			success:function(data){
				var newdata = eval(data)
				<span style="color:#cc0000;">$("#con div").html(newdata[a].time)</span>;	
			}
		})
	})
</script>
<p></html></p>

jquery当中可以通过$(this).index()获取到当前的索引值，这样就不需要用for循环进行遍历

<?php

echo '[{
"time":"2014-08-11"
},{
"time":"2014-08-12"
},{
"time":"2014-08-13"
},]'
?>

somnus_ly

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JQ tab 切换-局部刷新(关于index)

TAB切换 #tit{ list-style: none; padding: 0; } #tit li{ float: left; padding: 0 15px; background: gray; } #con{ clear: both; } 新闻一新闻二新闻三 var ur
复制链接

扫一扫

专栏目录