版权声明：本文为博主原创文章，转载注明地址：http://blog.csdn.net/wang704987562 https://blog.csdn.net/wang704987562/article/details/81811224
使用JQuery的prevAll()方法获取当前元素之前有多少同级元素。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>获取当前元素位置</title>
</head>
<body>
<div class="container">
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
</div>
</body>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script type="text/x-javascript">
$(document).ready(function() {
$(".container p").click(function() {
//当前元素位置，从1开始
console.log("当前元素位置:" + ($(this).prevAll().length + 1));
})
});
</script>
</html>