jQuery的next()和nextAll()例子二
Posted kukai
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jQuery的next()和nextAll()例子二相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src="../js/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
$(function () {
//为紧接在p元素后的下一个元素是b的设置颜色
$("p").next("b").css("color","green");
//为紧接在p元素后的下一个元素是div设置颜色,如果不是则不设置颜色
$("p").next("div").css("color","red");
//为div后的所有span元素设置颜色
$("div").nextAll("span").css("color","blue");
})
</script>
</head>
<body>
<p>QQQQQQQQQQQQ</p>
<B>UUUUUUUU</B>
<div>YYYYYYYYY</div>
<span>MMMMMMMM</span>
<b>IIIIIIII</b>
<span>OOOOOOOO</span>
</body>
</html>
以上是关于jQuery的next()和nextAll()例子二的主要内容，如果未能解决你的问题，请参考以下文章
jquery nextAll() 函数，检查是不是有next