@FireYT

Как удалить элемент при помощи js?

Не получается удалить пустой элемент <li>. Подскажите, как это сделать.
<div id="mobilemenu" class="leftside">
    	<div class="mobilemenu-v1 scroller" style="">
    		<div class="wrap">
    			<div class="menu top">
    				<ul class="top">
    				    
    				    
    				    
    				    		                <li class="catalog">
						
                            <ul class="dropdown">
								
                                
                            	                            		<li>
                    				    										
                            				<ul class="dropdown">
												<li class="menu_back"><a href="" class="black_text" rel="nofollow"><i class="fa fa-arrow-left"></i>Назад</a></li>
                 				                 
												<li>
												    
																										</li><li><a class="black_text" href="https://tent-chehol.com/avtomobilnye-tenty/avtopologi/">Автопологи</a></li>
																										
												
											     
												<li>
												    
																										</li><li><a class="black_text" href="https://tent-chehol.com/avtomobilnye-tenty/tent-na-pogruzchik/">Тент на погрузчик</a></li>
																										
												
											     
												<li>
												    
																										</li><li><a class="black_text" href="https://tent-chehol.com/avtomobilnye-tenty/tent-dlya-gruzovyh-avto/">Тенты для грузовых авто</a></li>
																										
												
											     
												<li>
												    
																										</li><li><a class="black_text" href="https://tent-chehol.com/avtomobilnye-tenty/tenty-dlya-pricepov/">Тенты для прицепов</a></li>
																										
												
											     
												<li>
												    
																										</li><li><a class="black_text" href="https://tent-chehol.com/avtomobilnye-tenty/tenty-na-musornye-kontejnery/">Тенты на мусорные контейнеры</a></li>
																										
												
											    
                            				</ul>
                            				                            		</li>
                            	                            		
                            	                            		
                            	                            		
                            	                            		
                            	                            		
                            	                            		
                            	                            		
                            	                            		
                            	                            		
                            	                            		
                            	                            		
                            	                            </ul>
		                </li>
		                		                
		                		                
		                		                    					
    					
    					    					
    					    					
    					    					
    					    					
    					    					
    					    					
    					    					
    							                
    				</ul>
    			</div>
    		</div>
    	</div>
    </div>
  • Вопрос задан
  • 74 просмотра
Решения вопроса 2
Seasle
@Seasle Куратор тега JavaScript
Помог - отметь решением \( ゚ヮ゚)/
CSS:
li:empty {
    display: none;
}

JS 1:
document.querySelectorAll('li:empty').forEach(element => element.remove());

JS 2:
document.querySelectorAll('li').forEach(element => {
    if (element.childNodes.length === 0) {
        element.remove();
    }
});
Ответ написан
OxCom
@OxCom
const els = document.querySelectorAll('#mobilemenu li');

// Array.from().forEach() можно заменить на цикл for
// for (el of Array.prototype.slice.call(els) ) { ... }
Array
    .from(els)
    .forEach(el => { el.childElementCount === 0 ? el.remove() : 0; })
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы