الفرق بين المراجعتين لصفحة: «jQuery/attribute equals selector»

من موسوعة حسوب
لا ملخص تعديل
لا ملخص تعديل
سطر 1: سطر 1:
<noinclude>{{DISPLAYTITLE:محدد الخاصيات التي تساوي <code>‎[name="value"‎]</code>‎ في jQuery}}</noinclude>
<noinclude>{{DISPLAYTITLE:محدد الخاصيات التي تساوي <code>‎[name="value"‎]</code>‎ في jQuery}}</noinclude>
== محدد الخاصيات التي تساوي <code>[name="value"‎]</code> ==
== محدد الخاصيات التي تساوي <code>[name="value"‎]</code> ==



مراجعة 15:54، 18 مايو 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>

 مصادر