Форум

ozoro · #1 (**permalink**) 19.10.2019, 08:50

Нужно удалить все 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>

Однако ничего не получилось.

laimas · #2 (**permalink**) 19.10.2019, 09:29

$('ul').filter(function() {
    return !this.textContent.trim()
}).remove()

:empty, это даже нет текста в элементе, а он есть у вас.

рони · #3 (**permalink**) 19.10.2019, 09:34

ozoro,

$(window).on('load', function(){
 $('ul').filter((i, a) => !a.children.length).remove();
 })

ozoro · #4 (**permalink**) 19.10.2019, 09:53

laimas,
рони,
Благодарю! В инспекторе удаляется в обоих вариантах, а можно ли удалить в исходном коде браузера?

рони · #5 (**permalink**) 19.10.2019, 09:59

Сообщение от ozoro

можно ли удалить в исходном коде браузера?

нет, это забота сервера!

Форум

Справочник

Discord чат

Курсы javascript