محدد الخاصيات التي تساوي ‎[name="value"‎]‎ في jQuery

من موسوعة حسوب
مراجعة 07:15، 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>

 مصادر