Hide empty

Question

I want to hide all the `

` if they are empty or if there any blank space in `

`. I am doing it like this: ``` $("li:empty").filter(function(i,v){return $.trim($(v).text()).length == 0;}).css('display', 'none'); ``` Is this the wrong syntax? If I create a class to make empty `

` invisible, it works fine. Like this: ``` $("li[class='hideLi']").filter(function(i,v){return $.trim($(v).text()).length == 0;}).css('display', 'none'); ``` But I don't know which `

` will be empty . Can anybody help me plz. I want to do `display=none` if the `

` is empty. Here is my code:- ```

HI

Accepted Answer

```
$('li').filter(function(){
    return $.trim($(this).html()) == '';
}).hide()
```

Hide empty <li>

Solution

Problem