jquery next()方法

weixin_34018202

于 2017-03-04 15:28:00 发布

阅读量116

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：https://yq.aliyun.com/articles/487083

本文介绍了一种利用jQuery选择特定HTML列表项并修改其样式的简单方法。通过选取带有特定类名的列表项，可以方便地应用CSS样式更改，如背景颜色。此示例展示了如何仅针对指定的列表项应用样式，而不会影响到其他项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.html代码

<!DOCTYPE html>
<html>
<head>
  <script type="text/javascript" src="/jquery/jquery.js"></script>
</head>

<body>
<ul>
   <li>list item 1</li>
   <li>list item 2</li>
   <li class="third-item">list item 3</li>
   <li>list item 5</li>
   <li>list item 4</li>
</ul>

<script>
$('li.third-item').next().css('background-color', 'red');
</script>

</body>
</html>

2.效果