jQuery –相邻兄弟选择器示例

青旅半醒 2023-02-15 07:48 20阅读 0赞

jQuery相邻的同级选择器（X + Y）用于选择与“ Y”匹配的紧随其后的元素或下一个元素，即“ X”元素的同级。

例如，

<div class="class1"></div>
<p>I'm class1 sibling #1</p>
<p>I'm class1 sibling #2</p>
<p>I'm class1 sibling #3</p>

和

是同级关系。 “ $（。class1 + p） ”语句将仅选择值为“ I’m class1 sibling＃1 ”的

元素，其余的

元素将被忽略。

## jQuery示例 ##

在此示例中，只有值为“ I’m form siblings＃1 – DIV ”的

标记将匹配，因为它是

元素的紧随其后的兄弟对象。

jQuery adjacent sibling selector example

jQuery adjacent sibling selector example

TextBox 1 (Child) :

TextBox 2 (GrandChild) :

    <div class="level1">
       <div class="level2">
        <label>TextBox 3 (Great GrandChild) : </label><input name="textbox3">
       </div>
    </div>
    <label>TextBox 4 (Child) : </label><input name="textbox4">
</form>
<div> I'm form siblings #1 - DIV</div>
<p> I'm form siblings #2 - P </p>
<div> I'm form siblings #3 - DIV </div>
<p> I'm form siblings #4 - P </p>
</body>
</html>