محدد العناصر الأخوة المتجاورة ‎‎("prev + next")‎ في jQuery

من موسوعة حسوب
اذهب إلى: تصفح، ابحث

محدد العناصر الأخوة المتجاورة next adjacent selector

الوصف

يختار هذا المحدِّد جميع العناصر التالية التي تطابق "next"، ويسبقها العناصر الأخوة "prev" مباشرةً.

jQuery( "prev + next" )‎

أُضيف مع الإصدار: 1.0.

prev

أي محدَّد صحيح.

next

محدِّد لمطابقة العنصر الذي يلي العنصر المعطى في المحدِّد الأول prev.

هنالك أمرٌ يجب لفت انتباهك له وهو أنَّ العناصر على كلا جانبي المحدِّدين وهما محدِّد العناصر الأخوة المتجاورة prev + next ومحدِّد العناصر الأخوة prev ~ siblings يجب أن تشترك مع العنصر الأب ذاته.

أمثلة

إيجاد جميع العناصر <input> المدخلة التي بجوار العنصر <label>:
<!doctype html>
<html lang="ar">
<head>
  <meta charset="utf-8">
  <title>مثالٌ عن محدد العناصر الأخوة المتجاور</title>
  <style>
  div, span, p {
    width: 126px;
    height: 60px;
    float: left;
    padding: 3px;
    margin: 2px;
    background-color: #eee;
    font-size: 14px;
  }
  </style>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
 
<div>عنصر div</div>
<p class="myClass">فقرة من الصنف class="myClass"</p>
<p class="notMyClass">فقرة من الصنف class="notMyClass"</p>
<span>عنصر span</span>
 
<script>
$( "div, span, p.myClass" ).css( "border", "3px solid red" );
</script>
 
</body>
</html>

مصادر