الفرق بين المراجعتين لصفحة: «jQuery/attribute equals selector»
< jQuery
Kinan-mawed (نقاش | مساهمات) لا ملخص تعديل |
لا ملخص تعديل |
||
| سطر 11: | سطر 11: | ||
اسم خاصيّة HTML. | اسم خاصيّة HTML. | ||
====<code>value</code>==== | ====<code>value</code>==== | ||
قيمة خاصيّة HTML. يُمكِن أن تكون [[CSS/ | قيمة خاصيّة HTML. يُمكِن أن تكون [[CSS/Attribute Selectors|مُعرِّفًا صالحًا (valid identifier)]] أو سلسلةً نصيّةً موضوعةً بين علامتي اقتباس. | ||
=== أمثلة === | === أمثلة === | ||
مراجعة 07:14، 19 مايو 2018
محدد الخاصيات التي تساوي [name="value"]
الوصف
تحديد العناصر التي تمتلك خاصيّة HTML المُحدَّدة والتي قيمتها تُساوي تمامًا قيمة مُعيَّنة.
jQuery( "[attribute='value']" )
أضيفت في الإصدار: 1.0.
attribute
اسم خاصيّة HTML.
value
قيمة خاصيّة HTML. يُمكِن أن تكون مُعرِّفًا صالحًا (valid identifier) أو سلسلةً نصيّةً موضوعةً بين علامتي اقتباس.
أمثلة
إيجاد كافّة حقول الإدخال التي تملك القيمة أحمر وتبديل نص عنصر <span> المُجاور لها:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>مثال عن محدد الخاصيات التي تساوي [name="value"]</title>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<div>
<label>
<input type="radio" name="newsletter" value="أحمر">
<span>اسم اللون</span>
</label>
</div>
<div>
<label>
<input type="radio" name="newsletter" value="أزرق">
<span>اسم اللون</span>
</label>
</div>
<div>
<label>
<input type="radio" name="newsletter" value="أسود">
<span>اسم اللون</span>
</label>
</div>
<script>
$( "input[value='أحمر']" ).next().text( "لون أحمر" );
</script>
</body>
</html>