Get element by id and custom attribute

Question

I have few elements like that:

<a id="0-interval-44" class="elem" style="width: 50px; height: 50px; display: none;" data-transformeffect="fade">text 1</a>
<a id="7-interval-15" class="elem" style="width: 100px; height: 100px; display: none;" data-transformeffect="slide">text 2</a>
<a id="7-interval-15" class="elem" style="width: 100px; height: 100px;  display: none;" data-transformeffect="fade">text 3</a>

And i need to get all elements by id and by data-transformeffect attribute. for example i need to get all element with .id.indexOf('7-interval-') > -1 and with .data.transformeffect() == 'fade'. This is necessary in order to apply different effects to different elements.

`$("[id*='7-interval-'][data-transformeffect=fade]")` – Karl-André Gagnon Sep 18 '14 at 14:17 — Karl-André Gagnon, Sep 18 '14 at 14:17

score 0 · Accepted Answer · answered Sep 18 '14 at 14:16

0

You can use Attribute Starts With Selector [name^="value"] and Attribute Equals Selector[name="value"]

 var element = $('[ID^="7-interval-"][data-transformeffect=fade]')

Important, IDs must be unique you are using 7-interval-15 multiple times change it.

answered Sep 18 '14 at 14:16

Satpal

132,252
13
159
168

1

Shouldn't it be `data-transformeffect` instead of `data.transformeffect`? – Oriol Sep 18 '14 at 14:18

score 0 · Answer 2 · edited May 23 '17 at 12:29

0

Use as

var a = $('a[id^="7-interval-"][data-transformeffect="fade"]')

Reference

Jquery Selector

edited May 23 '17 at 12:29

Community

1
1

answered Sep 18 '14 at 14:22

Amit

15,217
8
46
68

Get element by id and custom attribute

2 Answers2