檢查父div中是否有<select>

我該如何做這樣的事情：檢查父div中是否有<select>，如果有，我會顯示一些東西。檢查父div中是否有<select>

謝謝！

2011-08-13 Henry

一種方法是使用:has選擇器進行過濾器

if ($(this).parent(':has(select)').length){ 
    // display something.. 
}

如果另一方面select並不比目前的元素越深，你可能想使用.siblings()方法

if ($(this).siblings('select').length){ 
    // display something.. 
}

來源

2011-08-13 16:24:42

是的，檢查結果集數組的長度屬性。

if ($('#parentDiv select').length > 0) { 
    alert('There is at least one <select> inside the div!'); 
}

jsFiddle Working Example。

來源

2011-08-13 16:22:48

更正答案和榜樣。 –

如果有，那麼包含匹配元素的jQuery對象的長度爲> 0。因爲當條件是 'truthy'（一切，除了價值觀像0，undefined等），你是安全的消除> 0if條款得到執行：

if($(this).parent().find("select").length) { 
    // there is one, display something 
}

http://api.jquery.com/length/

http://api.jquery.com/parent/

http://api.jquery.com/find/

來源

2011-08-13 16:23:17 pimvdb

使用jQuery，您可以選擇嵌套的元素。

嘗試這樣的事情。

if(0 < $('select', $('#div_id')).length) { 
    alert('Select box in the div'); 
} else { 
    alert('NO Select box in the div'); 
}

來源

2011-08-13 16:25:20 DonSeba

您還可以使用功能最接近

<html> 
<script src="jquery.js"></script> 
<script> 
$(document).ready(function(){ 
    if($("#txt").closest("div").find("select").length){ 
     alert("Found it");  
    } 
}); 
</script> 
<div> 
    <select id="heart"><option value="Hello"></option></select> 
    <input type="text" id="txt" /> 
</div> 
</html>

來源

2011-08-13 16:39:14 zawhtut

檢查父div中是否有<select>

回答

相關問題