jQuery.contains()
ใช้สำหรับตรวจสอบว่ามี DOM 0bject หนึ่งอยู่ในอีก DOM Object หนึ่งหรือไม่ เช่น มีแท็ก li อยู่ในแท็ก div หรือไม่
รูปแบบการใช้งาน
jQuery.contains( container, contained )
หรือ
$.contains( container, contained )
คืนค่าเป็น true หรือ false (จากการทดสอบ จะคืนค่าเป็น 16 ถ้าเป็นจริง และเป็น 0 ถ้าเป็นเท็จ)
container คือ DOM Object ที่มี DOM Object ตัวอื่นอยู่ภายใน หรือ ตัวที่คลุม DOM Object ตัวอื่นอยู่
contained คือ DOM Object ที่บรรจุอยู่ใน DOM Object ตัวอื่น
CSS Code ตัวอย่าง
1 2 3 4 5 6 7 8 9 | <style type="text/css">div#containTest{ background-color:#FFFFCC; padding:5px;}ul#testList{ background-color:#FFCCCC;}</style> |
HTML Code ตัวอย่าง
1 2 3 4 5 6 7 8 9 10 | <div id="containTest"><ul id="testList"><li>list 1</li><li>list 2</li><li>list 3</li></ul></div><span></span><input type="button" name="case_no1" id="case_no1" value="เช็คว่ามี li อยู่ใน div" /><input type="button" name="case_no2" id="case_no2" value="เช็คว่ามี span อยู่ใน div" /> |
jQuery Code ตัวอย่าง
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | <script type="text/javascript" src="js/jquery-1.4.1.min.js"></script><script type="text/javascript">$(function(){ $("input#case_no1").click(function(){ var logVar=$.contains($("div#containTest").get(0),$("li").get(0)); if(logVar){ alert("Yes"); }else{ alert("No"); } }); $("input#case_no2").click(function(){ var logVar=$.contains($("div#containTest").get(0),$("span").get(0)); if(logVar){ alert("Yes"); }else{ alert("No"); } }); });</script> |
ตัวอย่าง
