<div id="example">
<div id="test"></div>
</div>
<div id="another">Blah</div>
I want to set $('#another').hide() but only if #example contains a child element called#test, is this possible? It seems like it would be.
Add a comment
|
5 Answers
Use length
if ($('#example').find('#test').length) {
// found!
}
Comments
I think what you are looking for is the following
if (jQuery.contains($('#example'), $('#test')) {
$('#another').hide();
}
This might work as well, not sure off the top of my head.
if ($('#test', $('#example')).size() > 0) {
$('#another').hide();
}
3 Comments
elclanrs
size(). Haven't seen that in a long time! length ftw.
mxro
Should 'contains' be called with a DOM element as parameter and not a jQuery object? api.jquery.com/jQuery.contains
Tarfoot
Should this answer be updated to make use of "has()" as in:
$('#test').has('#example') { $('#another').hide(); }jQuery manual suggests to use:
if ($('#parent').has('#child').length) {
//do something
}
Comments
<script>
var test = $('#example #test').length();
if(test !== 0){
$('#another').hide();
}
</script>
it's pretty simple.
$(document).ready(function(){
if($('#example').children('#test').length > 0)
{
$('#another').hide();
}
});
