javascript – jQuery Remove Div Based On Content – Education Career Blog

i would like to remove/hide a li based on the content inside it, is this easy to do?

eg. the code below: if span#type has no content then li.grouping should be removed or hidden.

<li class="grouping"><span class="desc">Options:</span><br /><span id="type"></span></li>

,

$("li.grouping:has(span#type:empty)").remove()

It would seem to make more sense if type were a class, rather than an id, as there should only be one element with a given id on the page. In that case:

$("li.grouping:has(span.type:empty)").remove()

,

maybe something like

if ($("span#type").text() == "") {
    $("li.grouping").hide();
}

Leave a Comment