jquery 怎么循环获取元素相对于自己父级元素的序号
<div><h4>标题标题标题</h4><p>内容内容内容内容内容内容内容</p><p>内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p></div...
<div>
<h4>标题标题标题</h4>
<p>内容内容内容内容内容内容内容</p>
<p>内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
</div>
<div>
<h4>标题标题标题标题</h4>
<p>内容内容内容内容内容内容内容</p>
<p>内容内容内容内容内容内容内容</p>
<p>内容内容内容内容内容内容内容</p>
</div>
<div>
<h4>标题标题标题标题标题</h4>
<p>内容内容内容内容内容内容内容</p>
<p>内容内容内容内容内容内容内容</p>
<p>内容内容内容内容内容内容内容</p>
<p>内容内容内容内容内容内容内容</p>
<p>内容内容内容内容内容内容内容</p>
</div>
......
怎么样获取每个p标签相对于自己父级div的序号
就是想输出为
<div>
<h4>标题标题标题</h4>
<p>1 内容内容内容内容内容内容内容</p>
<p>2 内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
</div>
<div>
<h4>标题标题标题标题</h4>
<p>1 内容内容内容内容内容内容内容</p>
<p>2 内容内容内容内容内容内容内容</p>
<p>3 内容内容内容内容内容内容内容</p>
</div>
<div>
<h4>标题标题标题标题标题</h4>
<p>1 内容内容内容内容内容内容内容</p>
<p>2 内容内容内容内容内容内容内容</p>
<p>3 内容内容内容内容内容内容内容</p>
<p>4 内容内容内容内容内容内容内容</p>
<p>5 内容内容内容内容内容内容内容</p>
</div>
......
$("div").each(function(){
var num = $(this).find("p").index(); //就这不会获取，求解释，求帮助
$(this).find("p").prepend("<span>"+num+"</span>")
}); 展开
<h4>标题标题标题</h4>
<p>内容内容内容内容内容内容内容</p>
<p>内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
</div>
<div>
<h4>标题标题标题标题</h4>
<p>内容内容内容内容内容内容内容</p>
<p>内容内容内容内容内容内容内容</p>
<p>内容内容内容内容内容内容内容</p>
</div>
<div>
<h4>标题标题标题标题标题</h4>
<p>内容内容内容内容内容内容内容</p>
<p>内容内容内容内容内容内容内容</p>
<p>内容内容内容内容内容内容内容</p>
<p>内容内容内容内容内容内容内容</p>
<p>内容内容内容内容内容内容内容</p>
</div>
......
怎么样获取每个p标签相对于自己父级div的序号
就是想输出为
<div>
<h4>标题标题标题</h4>
<p>1 内容内容内容内容内容内容内容</p>
<p>2 内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
</div>
<div>
<h4>标题标题标题标题</h4>
<p>1 内容内容内容内容内容内容内容</p>
<p>2 内容内容内容内容内容内容内容</p>
<p>3 内容内容内容内容内容内容内容</p>
</div>
<div>
<h4>标题标题标题标题标题</h4>
<p>1 内容内容内容内容内容内容内容</p>
<p>2 内容内容内容内容内容内容内容</p>
<p>3 内容内容内容内容内容内容内容</p>
<p>4 内容内容内容内容内容内容内容</p>
<p>5 内容内容内容内容内容内容内容</p>
</div>
......
$("div").each(function(){
var num = $(this).find("p").index(); //就这不会获取，求解释，求帮助
$(this).find("p").prepend("<span>"+num+"</span>")
}); 展开
3个回答
展开全部
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>main.html</title>
<style type="text/css">
</style>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript">
jQuery (function ($)
{
$ ('div').each (function (i, dom)
{
$ (this).find ('p').each (function (j, ele)
{
$ (this).text ((j + 1) + " " + $ (this).text ());
});
});
});
</script>
</head>
<body>
<div>
<h4>标题标题标题标题</h4>
<p>内容内容内容内容内容内容内容</p>
<p>内容内容内容内容内容内容内容</p>
<p>内容内容内容内容内容内容内容</p>
</div>
<div>
<h4>标题标题标题标题标题</h4>
<p>内容内容内容内容内容内容内容</p>
<p>内容内容内容内容内容内容内容</p>
<p>内容内容内容内容内容内容内容</p>
<p>内容内容内容内容内容内容内容</p>
<p>内容内容内容内容内容内容内容</p>
</div>
...... 怎么样获取每个p标签相对于自己父级div的序号 就是想输出为
<div>
<h4>标题标题标题</h4>
<p>内容内容内容内容内容内容内容</p>
<p>内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
</div>
<div>
<h4>标题标题标题标题</h4>
<p>内容内容内容内容内容内容内容</p>
<p>内容内容内容内容内容内容内容</p>
<p>内容内容内容内容内容内容内容</p>
</div>
<div>
<h4>标题标题标题标题标题</h4>
<p>内容内容内容内容内容内容内容</p>
<p>内容内容内容内容内容内容内容</p>
<p>内容内容内容内容内容内容内容</p>
<p>内容内容内容内容内容内容内容</p>
<p>内容内容内容内容内容内容内容</p>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$("div").each(function(){
$(this).find("p").each(function(i){
$(this).prepend("<span>"+(i+1)+"</span>");
});
});
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$("div p").each(function(){
var that = $(this);
that.prepend("<span>"+that.index()+"</span>")
});
var that = $(this);
that.prepend("<span>"+that.index()+"</span>")
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
