Нужно удалить все ul не содержащие ни одного li.
Пробовал так:
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(window).load(function(){
$('ul:empty').remove();
})
</script>
</head>
<body>
<ul class="myClassMainUl">
<li class="myClassMainLi">
<ul>
<li class="tpl">
<a href="">Раздел 1</a>
</li>
<li class="tplParentRow">
<a href="">Раздел 2</a>
<ul class="tplInner">
</ul>
</li>
<li class="tplParentRow">
<a href="">Раздел 3</a>
<ul class="tplInner">
<li class="tplParentRow">
<a href="">Подраздел 3.1</a>
</li>
</ul>
</li>
<li class="tplParentRow">
<a href="">Раздел 4</a>
<ul class="tplInner">
</ul>
</li>
<li class="tpl">
<a href="">Раздел 5</a>
</li>
</ul>
</li>
</ul>
</body>
</html>
Однако ничего не получилось.