Как собрать все селекторы набора?

147

23 июня 2019, 00:50

есть вот такой блок с меню

 <div class="leftmenu">         
  <ul>
      <ul>
        <li><p><span onclick="show_menu(1)">Хирургия</span></p></li>
        <li><p><span onclick="show_menu(6)">Эндодонтия</span></p></li>
        <li><p><span onclick="show_menu(9)">Ортопедия</span></p></li>
        <li><p><span onclick="show_menu(15)">Терапия</span></p></li>
    </ul>
 </ul>          
 </div>

как зацепить все spanы`? и задать им например background:red;

Answer 1

$('.leftmenu ul span').css({background: 'red'})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script> 
<div class="leftmenu">          
  <ul> 
      <ul> 
        <li><p><span onclick="show_menu(1)">Хирургия</span></p></li> 
        <li><p><span onclick="show_menu(6)">Эндодонтия</span></p></li> 
        <li><p><span onclick="show_menu(9)">Ортопедия</span></p></li> 
        <li><p><span onclick="show_menu(15)">Терапия</span></p></li> 
    </ul> 
 </ul>           
 </div>

Answer 2

Javascript

const listItems = document.querySelectorAll('.leftmenu span');
for (let i = 0; i < listItems.length; i++) {
  listItems[i].style.background = 'red';
}

jQuery

$('.leftmenu span').each(function(){$(this).css('background','red')});

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Подключение в Unity3D (С#) неуправляемой библиотеки

Пытаюсь в приложении на C# Unity3D вызвать функции из неуправляемой библиотекиДобавил ее в Assets, со следующими настройками

158

Как правильно преобразовать JSON в модель?

Делаю запрос к API в формате JSON, необходимо преобразовать его в модель C#

163

Как заменить содержимое Frame

Есть окно "MainWindow", в нем Frame "Go" в который при запуске окна помещается "Page1", в "Page1" еще один Frame "Main", в котором лежит "Page2"

150

c#. Парсинг excel таблицы в json

143