主页 / 问题 / 895025
Accepted
Tick-Tack
Asked:2020-10-19 04:33:52 +0000 UTC2020-10-19 04:33:52 +0000 UTC

选择一定时间后的所有元素

  • 772

有一个列表，当将鼠标悬停在列表的第一个元素上时，我需要突出显示所有其他元素，我尝试这样做：

$('.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>

但它不起作用，有什么问题？

应该是这样的：

在此处输入图像描述

javascript

1 个回答

  1. Best Answer

    $().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>

    • 1

相关问题