المحدد :has()
في 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.
المحدد :has()
الوصف
يختار هذا المحدد العناصر التي تحتوي على عنصر واحد على الأقل والذي تطابق مع المُحدِّد المُمرَّر.
jQuery( ":has(selector)" )
أضيف مع الإصدار: 1.1.4.
selector
أي نوع من محددات jQuery.
التعبير $( "div:has(p)" )
ينتقي العنصر <div>
إذا كان يضم العنصر <p>
داخله سواءً كان ابنًا مباشرًا أو غير مباشر.
ملاحظات إضافية
لمّا كان المحدد :has()
هو ملحق تابع لمكتبة jQuery وليس جزءًا من مواصفة CSS، فإن الاستعلامات التي تستعمل :has()
لا يمكنها الإستفادة من سرعة الأداء الذي يوفره تابع DOM الأصلي querySelectorAll()
. للحصول أداء أفضل في المتصفحات الحديثة، استعمل $( "your-pure-css-selector" ).has( selector/DOMElement )
بدلًا من ذلك.
أمثلة
إضافة الصنف "test"
إلى كل عناصر <div>
التي تضم عنصر <p>
داخلها:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>has demo</title>
<style>
.test {
border: 3px inset red;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<div><p>Hello in a paragraph</p></div>
<div>Hello again! (with no paragraph)</div>
<script>
$( "div:has(p)" ).addClass( "test" );
</script>
</body>
</html>