محدد العناصر الأبناء ‎‎"parent > child"‎ في 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.

محدد العناصر الأبناء

الوصف

يُستخدَم مُحدِّد العناصر الأبناء في تحديد كافّة العناصر الأبناء المباشرة والتي هي أبناء العناصر المُحدَّدة بأب (parent).

‎jQuery( "parent > child" )‎

أضيفت في الإصدار: 1.0.

parent

أي مُحدِّد صحيح.

child

مُحدِّد لترشيح العناصر الأبناء.

يُعدّ جمع الأبناء باستخدام Parent > Child شكلًا مُحدَّدًا أكثر من جمعها باستخدام Parent Child، إذ يختار هذا العناصر الأبناء المنحدرين من المستوى الأول فقط.

أمثلة

وضع حدود حول جميع عناصر القائمة الأبناء للعنصر ‎<ul class="topnav">‎ :

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>child مثال عن المحدد</title>
  <style>
  body {
    font-size: 14px;
  }
  	</style>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
 
<ul class="topnav">
  <li>العنصر 1</li>
  <li>العنصر 2
    <ul>
    <li>العنصر المتداخل 1</li>
    <li>العنصر المتداخل 2</li>
    <li>العنصر المتداخل 3</li>
    </ul>
  </li>
  <li>العنصر 3</li>
</ul>
 
<script>
$( "ul.topnav > li" ).css( "border", "3px double red" );
</script>
 
</body>
</html>

مصادر