Question

I want to hide “select” itself using jquery if there is no “option” append with it.

Answer 1

Assuming I’ve understood your question correctly, you can use the :empty selector to find select elements with no children:

$("select:empty").hide();

You may want to consider another answer if you have empty <optgroup> element children within the select (or any other non-option element children), as :empty will consider the select to not be empty (it has children, just no option children).

Also, as :empty looks for elements with no child nodes (not just elements), text nodes are included (but note that comment nodes are ignored). That means it would only match select elements like this:

<select></select> <!--Matches this-->
<select> </select> <!--Doesn't match this-->