Показать сообщение отдельно
  #2 (permalink)  
Старый 31.07.2018, 14:02
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

Сообщение от kvizor34
текущую DOM структуру менять нельзя
Цифры - только для наглядности, на процесс не влияют
Сообщение от kvizor34
Как при клике на одного из li class="begemotik" получить всех, самых ближайших соседей?
<ul>
    <li class="slonik">1</li>
    <li class="begemotik">2</li>
    <li class="begemotik">3</li>
    <li class="begemotik">4</li>
    <li class="slonik">5</li>
    <li class="slonik">6</li>
    <li class="slonik">7</li>
    <li class="begemotik">8</li>
    <li class="begemotik">9</li>
</ul>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<script>
$('li.begemotik').click(function(){
  $('li').css( "color", "black" );
  $(this).next().css( "color", "red" );
  $(this).prev().css( "color", "red" );
});
</script>


Сообщение от kvizor34
пояснить задачу подробнее
Или только бегемотиков?
<ul>
    <li class="slonik">1</li>
    <li class="begemotik">2</li>
    <li class="begemotik">3</li>
    <li class="begemotik">4</li>
    <li class="slonik">5</li>
    <li class="slonik">6</li>
    <li class="slonik">7</li>
    <li class="begemotik">8</li>
    <li class="begemotik">9</li>
</ul>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<script>
$('li.begemotik').click(function(){
  $('li').css( "color", "black" );
  $(this).next('.begemotik').css( "color", "red" );
  $(this).prev('.begemotik').css( "color", "red" );
});
</script>
Ответить с цитированием