點擊當前的p標籤,彈出相對應的元素下標 (點擊第一個p元素,彈出0,點擊第二個p元素,彈出1)

時間 2020-12-03

標籤 html jquery this code htm blog function 欄目 HTML 简体版

原文原文鏈接

GIF圖：html

代碼：jquery

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="js/jquery-3.3.1.js"></script>
</head>
<body>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<script>
$("p").on("click",function(){
    alert($(this).text()-1);
});

</script>

</body>
</html>