how to select dynamic data-attribute element in jquery

Question

I have many elements like

<input  tag="data-initial-222" value="" type="checkbox">

<input   tag="data-initial-111" value="" type="checkbox">

How can I select all the elements who have this tag "data-initial-*"

Another Question is :

How to select

 <input data-initial="111" type="checkbox">

or

 <input data-initial="222" type="checkbox">

using data-initial attribute.

I'm not aware of tag attribute. Doesn't seem to be a valid one mdn docs. Why not use data- instead? — Alex Char
– Alex Char, Commented Jul 5, 2017 at 7:14
yes, data-* tag is more common. I had to use tag="data-initial-222" for some requirement — Rajdeep
– Rajdeep, Commented Jul 5, 2017 at 7:22

guradio · Accepted Answer · 2017-07-05 10:35:40Z

2

console.log($("input[data-initial]").length)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input  tag="data-initial-222" value="" type="checkbox">

<input   data-initial="111" value="" type="checkbox">

<input  data-initial="222" value="" type="checkbox">

<input   data-initial="333" value="" type="checkbox">

Use starts with selector

Description: Selects elements that have the specified attribute with a value beginning exactly with a given string.

Attribute selector

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

edited Jul 5, 2017 at 10:35

answered Jul 5, 2017 at 6:59

guradio

15.6k4 gold badges39 silver badges64 bronze badges

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

11 Comments

Rajdeep Over a year ago

how to select if I have <input data-initial="326" type="checkbox"> from "data-initial" thing

guradio Over a year ago

you mean select starting with 326? $("[data-initial^=326]") is this what you mean?

Rajdeep Over a year ago

I mean, all the input types with data-initial tag. Plz

guradio Over a year ago

change your selector to $("input[tag^=data-initial-").length) this will select all input with tag tag starting data-initial-

Rajdeep Over a year ago

no, this is not working, I have now different tagging type. Its data-initial ="111" or data-initial="222"

|

Lee Le · Accepted Answer · 2017-07-05 06:59:49Z

2

$( "input[tag*='data-initial']" )

answered Jul 5, 2017 at 6:59

Lee Le

3771 gold badge4 silver badges11 bronze badges

Collectives™ on Stack Overflow

how to select dynamic data-attribute element in jquery

2 Answers 2

11 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

11 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related