الفرق بين المراجعتين لصفحة: «jQuery/contains selector»
< jQuery
Kinan-mawed (نقاش | مساهمات) لا ملخص تعديل |
لا ملخص تعديل |
||
| (3 مراجعات متوسطة بواسطة مستخدم واحد آخر غير معروضة) | |||
| سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE:المحدد <code>:contains()</code> في jQuery}}</noinclude> | <noinclude>{{DISPLAYTITLE:المحدد <code>:contains()</code> في jQuery}}</noinclude> | ||
== المحدد <code>:contains()</code> == | == المحدد <code>:contains()</code> == | ||
| سطر 10: | سطر 9: | ||
==== <code>text</code> ==== | ==== <code>text</code> ==== | ||
[[JavaScript/String|سلسلة نصيّة]]، وتُمثِّل النص المطلوب البحث عنه. وهي حسّاسة لحالة الأحرف. | [[JavaScript/String|سلسلة نصيّة String]]، وتُمثِّل النص المطلوب البحث عنه. وهي حسّاسة لحالة الأحرف. | ||
يُمكِن للنص المُطابِق أن يظهر مباشرةً بداخل العنصر المُحدَّد، أو في أي من العناصر المُنحدِرة عنه، أو مزيج من ذلك. وكما هو الحال مع مُحدِّدات قيم خاصيّات HTML، يُمكِن للنص الموجود بين قوسي التّابع :contains() أن يُكتَب على هيئة كلمة مُجرَّدة أو مُحاطًا بعلامتي اقتباس. يجب أن يحتوي النص على حالة تطابق حتى يُحدَّد. | يُمكِن للنص المُطابِق أن يظهر مباشرةً بداخل العنصر المُحدَّد، أو في أي من العناصر المُنحدِرة عنه، أو مزيج من ذلك. وكما هو الحال مع مُحدِّدات قيم خاصيّات HTML، يُمكِن للنص الموجود بين قوسي التّابع <code>:contains()</code> أن يُكتَب على هيئة كلمة مُجرَّدة أو مُحاطًا بعلامتي اقتباس. يجب أن يحتوي النص على حالة تطابق حتى يُحدَّد. | ||
=== أمثلة === | === أمثلة === | ||
إيجاد كافّة عناصر <code>[[HTML/div|<div>]]</code> التي تحتوي على الكلمة | إيجاد كافّة عناصر <code>[[HTML/div|<div>]]</code> التي تحتوي على الكلمة <code>John</code> ووضع خط تحتها:<syntaxhighlight lang="html"> | ||
<!doctype html> | |||
<html lang="en"> | |||
<head> | |||
<meta charset="utf-8"> | |||
<title>contains مثال عن التّابع</title> | |||
<script src="https://code.jquery.com/jquery-1.10.2.js"></script> | |||
</head> | |||
<body> | |||
<div>John Resig</div> | |||
<div>George Martin</div> | |||
<div>Malcom John Sinclair</div> | |||
<div>J. Ohn</div> | |||
<script> | |||
$( "div:contains('John')" ).css( "text-decoration", "underline" ); | |||
</script> | |||
</body> | |||
</html> | |||
</syntaxhighlight> | |||
==<span>مصادر</span>== | |||
*<span>[http://api.jquery.com/contains-selector/ صفحة المحدد :contains() في توثيق jQuery الرسمي].</span> | |||
[[تصنيف:jQuery]] | |||
[[تصنيف:jQuery Selectors]] | |||
المراجعة الحالية بتاريخ 08:16، 31 مايو 2018
المحدد :contains()
الوصف
يُستخدَم المُحدِّد :contains() لتحديد كافّة العناصر التي تحتوي على النص المطلوب.
jQuery( ":contains(text)" )
أضيفت في الإصدار: 1.1.4.
text
سلسلة نصيّة String، وتُمثِّل النص المطلوب البحث عنه. وهي حسّاسة لحالة الأحرف.
يُمكِن للنص المُطابِق أن يظهر مباشرةً بداخل العنصر المُحدَّد، أو في أي من العناصر المُنحدِرة عنه، أو مزيج من ذلك. وكما هو الحال مع مُحدِّدات قيم خاصيّات HTML، يُمكِن للنص الموجود بين قوسي التّابع :contains() أن يُكتَب على هيئة كلمة مُجرَّدة أو مُحاطًا بعلامتي اقتباس. يجب أن يحتوي النص على حالة تطابق حتى يُحدَّد.
أمثلة
إيجاد كافّة عناصر <div> التي تحتوي على الكلمة John ووضع خط تحتها:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>contains مثال عن التّابع</title>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<div>John Resig</div>
<div>George Martin</div>
<div>Malcom John Sinclair</div>
<div>J. Ohn</div>
<script>
$( "div:contains('John')" ).css( "text-decoration", "underline" );
</script>
</body>
</html>