المحدد :empty في 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.
المحدد :empty
الوصف
يُحدد جميع العناصر التي ليس لها أبناء (بما في ذلك العُقَد النصية).
jQuery( ":empty" )
أُضيف مع الإصدار: 1.0.
وهو يعمل بعكس المُحدد :parent.
يجب ملاحظة شيء واحد مهم مع المحدد :empty (و :parent) وهو أن العناصر الأبناء تتضمن عقد نصية. وتوصي W3C بأن يحتوي العنصر <p> على عقدة ابن واحدة على الأقل، حتى لو كان هذا الابن مجرد نص (راجع https://www.w3.org/TR/html401/struct/text.html#edef-P). من ناحية أخرى، تكون بعض العناصر الأخرى فارغة (أي ليس لها أبناء) بالتعريف مثل: <input> و <img> و <br> و <hr>.
أمثلة
البحث عن جميع العناصر الفارغة، أي التي لا تحتوي على عناصر أبناء أو نصوص:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>empty مثال على المحدد</title>
<style>
td {
text-align: center;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<table border="1">
<tr><td>TD #0</td><td></td></tr>
<tr><td>TD #2</td><td></td></tr>
<tr><td></td><td>TD#5</td></tr>
</table>
<script>
$( "td:empty" )
.text( "Was empty!" )
.css( "background", "rgb(255,220,200)" );
</script>
</body>
</html>