选择具有div和class以及data属性的元素

时间:2017-07-05 21:46:52

标签: jquery html

如何使用元素类型(Div),类(spaceEvent)和数据属性(data-event-id)选择元素?

这是一个元素的例子

<div class="spaceEvent" data-event-id=112>

我希望找到这个元素,以便我可以搜索其中的内容吗?

我的猜测就像是

$("div.spaceEvent").find("[event-id=112]")

但我不确定!

3 个答案:

答案 0 :(得分:1)

您的选择器几乎是正确的,但您需要将它们组合到单个jQuery对象中。使用find()意味着您当前正在寻找div的子元素,而不是查找具有所有指定属性的div。

请改为尝试:

$('div.spaceEvent[data-event-id="112"]')

答案 1 :(得分:0)

最简单的选择:

$('div.spaceEvent[data-event-id="112"]')

答案 2 :(得分:0)

您可以使用:

  • $('div.spaceEvent[data-event-id="112"]');
  • $('div.spaceEvent').filter('[data-event-id="112"]');

find()函数搜索子项,而不是它自己。更多详情here