OpenJS Foundation - openjsf.org · api.jquery.com

attributeHas selector

Description: Selects elements that have the specified attribute, with any value.

  • version added: 1.0jQuery( "[attribute]" )

    attribute: An attribute name.

Example:

Bind a single click to divs with an id that adds the id to the div's text.

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

<!doctype html>

<html lang="en">

<head>

<meta charset="utf-8">

<title>attributeHas demo</title>

<script src="https://code.jquery.com/jquery-4.0.0.js"></script>

</head>

<body>

<div>no id</div>

<div id="hey">with id</div>

<div id="there">has an id</div>

<div>nope</div>

<script>

// Using .one() so the handler is executed at most once

// per element per event type

$( "div[id]" ).one( "click", function() {

var idString = $( this ).text() + " = " + $( this ).attr( "id" );

$( this ).text( idString );

});

</script>

</body>

</html>

Demo:

Read the original on api.jquery.com ↗