У меня вырезан следующий код. Его цель - добавить «иконку» к элементам списка, имеющим дочерние элементы списка. Однако addClass разрушает стили. Даже если мой класс ".icon-left" пуст, когда я добавляю этот класс, мои стили структуры элементов списка исчезли:
if ($('.brien-sliding-menu ul li').find('ul li').length > 0) {
$('.brien-sliding-menu > ul > li').addClass('icon-left');
}
Ниже приведен HTML-код:
<nav class="brien-sliding-menu">
<h3>Menu</h3>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a>
<ul>
<li><a href="#">Services</a>
<ul>
<li><a href="#">Our Team</a></li>
<li><a href="#">Our Team</a></li>
<li><a href="#">Our Team</a></li>
</ul>
</li>
<li><a href="#">Our Team</a></li>
<li><a href="#">FAQ</a></li>
</ul>
</li>
<li><a href="#">Products</a>
<ul>
<li><a href="#">Events</a></li>
<li><a href="#">Maps</a></li>
<li><a href="#">Discovery</a></li>
</ul>
</li>
</ul>
</nav>
И класс css, который я хочу добавить:
.icon-left{
font-size:30px;
background:url(../img/icon-left.png) no-repeat;
}