使用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>