jQuery 3.3 - Next adjacent selector ("prev + next")

Next Selector Selector (“prev + next”)




jquery

القادم المحدد المجاور

الوصف: يختار كل العناصر التالية التي تطابق "next" التي تسبقها مباشرة "s prev".

  • الإصدار المضاف: 1.0 jQuery ("prev + next")

    prev: أي محدد صالح.

    التالي: محدد لمطابقة العنصر الموجود بجوار المحدد الأول.

من النقاط الهامة التي يجب أخذها في الاعتبار مع كل من الأخوة المختارين التاليين ( prev + next ) والاختيار المختار للأشقاء ( prev ~ siblings ) هو أن العناصر الموجودة على جانبي المحظورة يجب أن تتشارك نفس الوالد.

مثال:

البحث عن جميع المدخلات الموجودة بجانب الملصق.

<!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>

عرض: