Attribute Equals Selector [name=”value”]

The jQuery [attribute]=”value”] selector selects elements that have the specified attribute with a value equal to specified string.

Description: Selects elements that have the specified attribute with a value exactly equal to a certain value.

jQuery(“[attribute=’value’]”)

attribute: An attribute name.

value: An attribute value. Can be either a valid identifier or a quoted string.

Example:

Finds all inputs with a value of “Hot Fuzz” and changes the text of the next sibling span.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>attributeEquals demo</title>
    <script src="https://code.jquery.com/jquery-3.5.0.js"></script>
</head>
<body>

<div>
   <label>
     <input type="radio" name="newsletter" value="Hot Fizz">
     <span>name?</span>
     </label>
</div>
<div>
   <label>
   <input type="radio" name="newsletter" value="Cold Fusion">
   <span>value?</span>
</label>
</div>
<div>
   <label>
       <input type="radio" name="newsletter" value="Evil Plans">
       <span>value?</span>
      </label>
</div>

<script>
$("input[value='Hot  Fuzz']").next().text("Hot Fuzz");
</script>

</body>
</html>

Demo:


Leave a Reply

Your email address will not be published.