1

Есть список, мне нужно что бы при наведении мышкой на перый елемент списка подчеркивались все остальные, пытаюсь сделать так:

$('.title_content').hover(function() {
  $(this).nextAll('a').css({
    'text-decoration': 'underline'
  });
})
ul {
  list-style: none;
}

a {
  text-decoration: none;
  color: black;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="description">
  <li><a href="#" class="title_content">USER INTERFACE DESIGN</a></li>
  <li><a href="#" class="remove">Wirefarming</a></li>
  <li><a href="#" class="remove">Prototyping</a></li>
  <li><a href="#" class="remove">Usability testing</a></li>
</ul>

Но ничего не получается, подскажите в чем проблема?

Вот как это должно быть:

введите сюда описание изображения

1 ответ 1

1

$().nextAll - выбирает элементы в том же родителе.

$('.title_content').hover(function() {
  $(this).closest('li').nextAll('li').find('a').css({
    'text-decoration': 'underline'
  });
})
ul {
  list-style: none;
}

a {
  text-decoration: none;
  color: black;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="description">
  <li><a href="#" class="title_content">USER INTERFACE DESIGN</a></li>
  <li><a href="#" class="remove">Wirefarming</a></li>
  <li><a href="#" class="title_content">Prototyping</a></li>
  <li><a href="#" class="remove">Usability testing</a></li>
</ul>

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.