Next Adjacent Selector

Syntax

$("label + input")

Description

Next Adjacent Selector is used to select the next sibling element which immediately follows the specified element in a document. This selector finds all the input elements that are next to the element specified by the previous element in a document. Below example shows you how to append a content to the ajacent cells in a form.

Example Code

<script type="text/javascript" src="jquery.js"></script> <link href='http://hscripts.com/style-new.css' rel='stylesheet' type='text/css'> <script type="text/javascript"> function test () { $("label + input").css("color", "red").val("ABC"); } </script> <form class='frms' style='border:none;' > <br><label>Name:</label> <input name="name" /> <label>newsletter:</label> <input name="newsletter" /> <input name="none" /> <br><input type="button" class="btntest" value="Test" onclick="test();"><br>