下一个相邻选择器 (“prev + next”)
next adjacent selector
描述:选择所有紧挨在 prev 元素后的 next 元素。
加入于: 1.0
jQuery( "prev + next" )prev: 任何有效的选择器。
next: 一个选择器,用来匹配在第一个选择器后面的元素。
对于“下一个相邻选择器”(prev + next
)和“一般同辈选择器”(prev ~ siblings
)来说,需要认识的一个重点是,在组合的任一侧的元素必须共享相同的父元素。
示例
找到所有的在一个<label>后面的<input>元素。
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>next adjacent demo</title> <script src="https://code.jquery.com/jquery-1.10.2.js"></script> </head> <body> <form> <label for="name">Name:</label> <input name="name" id="name"> <fieldset> <label for="newsletter">Newsletter:</label> <input name="newsletter" id="newsletter"> </fieldset> </form> <input name="none"> <script> $( "label + input" ).css( "color", "blue" ).val( "Labeled!" ); </script> </body> </html>
演示结果