محدد العناصر الأخوة المتجاورة ("prev + next") في jQuery
< jQuery
اذهب إلى التنقل
اذهب إلى البحث
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.
محدد العناصر الأخوة المتجاورة 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>