Select elements with jQuery where attribute name with wildcard pattern exists

Question

I have HTML elements with custom data attributes that has different ending but starts the same (not the value but the attribute name itself). These attributes may have value or not. How could I select all of them?

<div data-validator-required> DIV 1</div>
<div data-validator-number="5.2"> DIV 2</div>
<div data-validator-submit> DIV 3</div>
<div data-validator-pattern="\d{5}-\d{3}-\d"> DIV 4</div>

I want to select all elements that has a data attribute with the name "data-validator-*" What is the correct jQuery selector for this?

its attribute not value so you cant get particular part of attribute — Bhargav Chudasama
– Bhargav Chudasama, Commented Nov 2, 2018 at 12:52
Possible duplicate of jQuery selector for elements with attribute starting with string or stackoverflow.com/questions/29074077/… — Pete
– Pete, Commented Nov 2, 2018 at 13:20

ElusiveCoder · Accepted Answer · 2018-11-02 13:25:42Z

0

Try this, and you're done...Simple and easy...

$('div').filter(function() {
  for (attr of this.attributes)
    if (attr.name.startsWith("data-validator")){
      alert($(this).text());
    }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div data-validator-required> DIV 1</div>
<div data-validator-number="5.2"> DIV 2</div>
<div data-validator-submit> DIV 3</div>
<div data-validator="\d{5}-\d{3}-\d"> DIV 4</div>

answered Nov 2, 2018 at 13:25

ElusiveCoder

1,6091 gold badge10 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Select elements with jQuery where attribute name with wildcard pattern exists

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related