Mang đến cho bạn hành trang là Kiến thức và Kinh nghiệm

Lựa chọn chủ đề bạn quan tâm

Cùng nhau thảo luận về các vấn đề

Hãy theo dõi chúng tôi nếu bạn thấy bổ ích

  1. Hỏi đáp IT
  2. Hỏi nhanh

Cần giúp đỡ về Jquery?

217 Lượt xem 2 Bình luận 0 Lượt báo xấu
website của mình có cấu trúc như thế này ạ:
Code:
<body>
<div class="a">
   <p class="icon"> phần tử 1 </p>
   <span class="dm"> phần tử 1.a </span>
</div>

<div class="a">
   <p class="icon"> phần tử 2 </p>
   <span class="dm"> phần tử 2.a </span>
</div>

</body>
và mình đã code jquery như thế này ạ
Code:
<script>
$(document).ready(function(){
   $(".a").mouseenter(function(){
     $(".icon").css("color","black")
   });
  $(".a").mouseleave(function(){
    $(".icon").css("color","red")
  });
});
</script>
Mục đích của mình là khi rê chuột qua 1 trong các phần tử thì phần tử đó sẽ đôi màu. Nhưng khi mình chạy thì khi rê chuột qua phần tử 1 thì phần tử 2 của mình cũng đổi màu, và tương tự với phần tử 2. Vì mình tự học trên w3 nên không biết sửa như thế nào. Bạn nào có thể giúp mình không? cảm ơn ạ !
Câu trả lời

- Bạn đã sẵn sàng thảo luận về chủ đề này. Hãy bấm "Viết bình luận", bạn có thể lựa chọn sử dụng tài khoản Facebook hoặc Google++

- Vì sự phát triển của cộng đồng CNTT/CNPM tại Việt Nam!

Unknown user
No responses yet

Để lấy ra phần tử đang đc hover trong sự kiện mouseenter, bạn dùng từ khóa this nhé.
Code:
<script>
$(document).ready(function(){
   $(".a").mouseenter(function(){
     $(this).find(".icon").css("color","black");
   });
  $(".a").mouseleave(function(){
    $(this).find(".icon").css("color","red");
  });
});
</script>

0 Lượt thích

ok thanks bạn nhiều nhé. Mình làm được rùi ạ 😊
0 Lượt thích

Từ khóa tìm kiếm

Câu trả lời mới nhất

Tin tuyển dụng