jQuery check if ANY element exists

Question

I have this code which is not working jQuery

if($("#dis(h3)").length == 0) $("#dis").append("<p>no display</p>");

HTML:

<div id="dis">
<h3>Title</h3>
//append here
</div>

The append code should work

<div id="dis">
<h3>Title</h3>
<p>Text</p>
</div>

The append code should not work.

Edit: I need the append code to appear if there is no other element inside #dis beside h3

What should i do to make it as above(intended)

Crab Bucket · Accepted Answer · 2012-01-21 19:22:41Z

2

Try

if($("#dis > h3").siblings().length == 0) $("#dis > h3").append("<p>no display</p>");

See this fiddle

answered Jan 21, 2012 at 19:14

Crab Bucket

6,2679 gold badges43 silver badges73 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Not working. I need the append code to appear if there is no other element inside #dis beside h3 Thanks

@cicakman. editted - tested on jsfiddle - workd for me. Any better