PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum

การใช้งาน jQuery.contains() ใน jQuery 1.4

27 January 2010 By


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 ตัวอย่าง

<style type="text/css">
div#containTest{
    background-color:#FFFFCC;
    padding:5px;
}
ul#testList{
    background-color:#FFCCCC;
}
</style>

HTML Code ตัวอย่าง

<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 ตัวอย่าง

<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>

ตัวอย่าง


Tags:: contain jquery





URL สำหรับอ้างอิง