المحدد :only-child في 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.
المحدد :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>