Возвращается немедленно следующие элементы, обозначаемые как "дети одних родителей", для каждого выбранного элемента, не все следующие элемента (для получения всех элементов используйте nextAll()). Вы можете указать необязательное выражение фильтрующее возвращённый результат.
Пример:
<div><button disabled="disabled">First</button> - <span></span></div> <div><button>Second</button> - <span></span></div> <div><button disabled="disabled">Third</button> - <span></span></div>
span { color:blue; font-weight:bold; }
button { width:100px; }
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <link href="http://test-drupal.ru/themes/slyweb/css/jqueryiframe.css" rel="stylesheet" type="text/css"/> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script> <script> $(document).ready(function(){ $("button[disabled]").next().text("this button is disabled"); }); </script> </head> <body class="iframe"> <div><button disabled="disabled">First</button> - <span></span></div> <div><button>Second</button> - <span></span></div> <div><button disabled="disabled">Third</button> - <span></span></div> </body> </html> <style> span { color:blue; font-weight:bold; } button { width:100px; } </style>
Пример:
<p>Hello</p> <p class="selected">Hello Again</p> <div><span>And Again</span></div>
p { font-size:20px; width:200px; cursor:default;
color:blue; font-weight:bold; margin:0 10px; }
.hilite { background:yellow; }
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <link href="http://test-drupal.ru/themes/slyweb/css/jqueryiframe.css" rel="stylesheet" type="text/css"/> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script> <script> $(document).ready(function(){ $("p").next(".selected").css("background", "yellow"); }); </script> </head> <body class="iframe"> <p>Hello</p> <p class="selected">Hello Again</p> <div><span>And Again</span></div> </body> </html> <style> p { font-size:20px; width:200px; cursor:default; color:blue; font-weight:bold; margin:0 10px; } .hilite { background:yellow; } </style>