Chạy thử Sự kiện click() vào class trong JavaScript

Chạy thử Sự kiện click() vào class trong JavaScript

Chạy thử Sự kiện click() vào class trong JavaScript

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Chạy thử Sự kiện click() vào class trong JavaScript</title>
<style>
.sanpham{width:100%;float:left;height:auto;margin-bottom:10px;cursor: pointer;}
.sanpham:hover{color:red}
</style>
</head>
<body>

<h1>Chạy thử Sự kiện click() vào class trong JavaScript</h1>
<p>Dùng để xử lý sự kiện click chuột vào nút gửi hay một trong những thẻ HTML nào đó:</p>

<div class="sanpham" data-id="1" >Clilck để lấy ID SẢN PHẨM: 1</div>
<div class="sanpham" data-id="2" >Clilck để lấy ID SẢN PHẨM: 2</div>
<div class="sanpham" data-id="3" >Clilck để lấy ID SẢN PHẨM: 3</div>
<script src="https://webmoi.vn/media/js/jquery-3.6.0.js"></script>
<script>
$(".sanpham").click(function() {
  var id = $(this).attr("data-id");
  alert("ID Sản phẩm là: "+id);
});
</script>
</body>
</html>
Chạy thử Sự kiện click() vào class trong JavaScript nằm trong bài viết Sự kiện click() trong JavaScript