Categories

Next adjacent Selector ("prev + next")

Categories: Hierarchy

jQuery('prev + next')

Description: Selects all next elements matching "next" that are immediately preceded by a sibling "prev".

  • jQuery('prev + next')

    version added: 1.0

    prev   Any valid selector.

    next   A selector to match the element that is next to the first selector.

One important point to consider with both the next adjacent sibling selector (prev + next) and the general sibling selector (prev ~ siblings) is that the elements on either side of the combinator must share the same parent.

  • Finds all inputs that are next to a label.

    HTML:
    <form>
    
        <label>Name:</label>
        <input name="name" />
        <fieldset>
          <label>Newsletter:</label>
    
          <input name="newsletter" />
        </fieldset>
      </form>
      <input name="none" />
    Code:
    $("label + input").css("color", "blue").val("Labeled!")