Question

我的元素很少：

<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>

我需要通过id和data-transformeffect属性获取所有元素。例如，我需要使用.id.indexOf('7-interval-') > -1和.data.transformeffect() == 'fade'获取所有元素。这对于将不同的效果应用于不同的元素是必要的。

Answer 1

您可以使用Attribute Starts With Selector [name^="value"]和Attribute Equals Selector[name="value"]

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

重要的是， ID必须是唯一的您多次使用7-interval-15进行更改。

Answer 2

用作

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

Reference

Jquery Selector

按ID和自定义属性获取元素

2 个答案: