المحدد ("prev + next") في jQuery
< 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>