0

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.

user2089322
  • 61
  • 8

2 Answers2

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.

Satpal
  • 132,252
  • 13
  • 159
  • 168
0

Use as 

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

Reference

Jquery Selector

Community
  • 1
  • 1
Amit
  • 15,217
  • 8
  • 46
  • 68