jQuery has() พร้อมตัวอย่าง

วิธีการ has() ใน jQuery ใช้เพื่อส่งคืนองค์ประกอบที่มีองค์ประกอบอื่นอยู่ภายในอย่างน้อยหนึ่งองค์ประกอบ ซึ่งตรงกับ selector ที่ระบุ

ไวยากรณ์

ไวยากรณ์เป็นดังนี้−

$(selector).has(ele)

ด้านบน พารามิเตอร์ ele ใช้เพื่อระบุนิพจน์ตัวเลือกหรือองค์ประกอบเพื่อใช้แมตช์กับองค์ประกอบ

ตัวอย่าง

ต่อไปนี้ เราจะดูตัวอย่างเพื่อนำวิธีการ has() ของ jQuery ไปใช้ −

 Live Demo

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
   $(document).ready(function(){
      $("button").click(function(){
         $("p").has("span").css("color", "orange");
      });
   });
</script>
<style>
h2 {
   color: blue;
}
</style>
</head>
<body>
<h2>Student Info</h2>
<p>This is a <span>demo</span> text.</p>
<h2>Exam Info</h2>
<p>This is a <span>demo</span>text.</p>
<h2>Teacher's Info</h2>
<p>This is a demo text.</p>
<button>Click me</button>
</body>
</html>

เอาต์พุต

วิธีนี้จะแสดงเอาต์พุตดังนี้ −

เมื่อคลิก “Click me” สีของตัวอักษรขององค์ประกอบที่มี <span> อยู่จะเปลี่ยน −

อัปเดตล่าสุดเมื่อ: 30 ธ.ค. 2019

208 วิว

开启你的 事业

完成课程获得认证

开始
广告