المحدد :only-child في jQuery
< jQuery
اذهب إلى التنقل
اذهب إلى البحث
المحدد :only-child
الوصف
يختار هذا المحدِّد جميع العناصر التي تكون ابنًا وحيدًا للعنصر الأب (أي العنصر الذي ليس لديه أية عناصر إخوة).
jQuery( ":only-child" )
أُضيف مع الإصدار: 1.1.4.
إن كان للعنصر الأب عنصر ابن آخر (عنصرين أو أكثر)، فلن يتطابق أي عنصر.
أمثلة
تغيير نص وشكل حدود كل زر يكون عنصرًا وحيدًا ضمن العنصر الأب:
<!doctype html>
<html lang="ar>
<head>
<meta charset="utf-8">
<title>only-child مثالٌ عن استعمال المحدد</title>
<style>
div {
width: 100px;
height: 80px;
margin: 5px;
float: left;
background: #b9e;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<div>
<button>عنصر ابن</button>
<button>عنصر ابن</button>
</div>
<div>
<button>عنصر ابن</button>
</div>
<div>
لا يوجد أي عنصر
</div>
<div>
<button>عنصر ابن</button>
<button>عنصر ابن</button>
<button>عنصر ابن</button>
</div>
<div>
<button>عنصر ابن</button>
</div>
<script>
$( "div button:only-child" ).text( "عنصر وحيد" ).css( "border", "2px blue solid" );
</script>
</body>
</html>