jQuery通过数据ID获取元素

我想通过数据属性值（data-event_id = 1282）获取<li>元素。jQuery通过数据ID获取元素

<div id="timeline"> 
    <ul> 
     <li class="timeline-event"> 
      <div>Event Body</div> 
     </li> 
    </ul> 
</div> 

$el = $('#timeline ul').find("li.timeline-event").data('event_id'); 
console.log($el); // returns 1282 

$el = $('#timeline ul').find("li.timeline-event[data-event_id='1282']").html(); 
console.log($el); // returns undefined

我在做什么错？

编辑 - 解

数据使用。数据集（ 'event_id的'， '1282'）中的代码的其他地方。

如果使用.data（）设置jQuery，则无法获取数据。

我在这里找到了使用@ByData函数的解决方案@psycho brm。有用！

jQuery how to find an element based on a data-attribute value?

$.fn.filterByData = function(prop, val) { 
    return this.filter(
     function() { return $(this).data(prop)==val; } 
    ); 
}

我想这一定是一个jQuery错误，但？

来源

2014-02-06 Asa Carter

有在您提供的html中没有data-event_id属性。请更新您的示例代码。 –

'.find（）'永远不会返回'undefined'，即使它没有找到任何东西，它也会返回一个空的jQuery集合。 – Barmar

[jQuery如何找到基于数据属性值的元素的可能的重复？]（http://stackoverflow.com/questions/4191386/jquery-how-to-find-an-element-based-on-a -data-attribute-value） – showdev

数据在代码中的其他地方使用.data（'event_id'，'1282'）设置。

如果使用.data（）设置jQuery，则无法获取数据。

我在这里找到了使用filterByData函数的解决方案。有用！

jQuery how to find an element based on a data-attribute value?

来源

2014-02-06 17:56:23

在您的答案中添加您的参考答案的内容。否则你的答案只不过是一个没有提升的链接而已。如果你提供小提琴会很好 – Satpal

我没有在您的html中看到data-attr。

我曾尝试与添加数据事项标识= “1282” 李http://jsfiddle.net/dehisok/Wa5RG/

<li class="timeline-event" data-event_id="1282">

它的工作原理你的代码！

来源

2014-02-06 17:50:54

你如何解释他的代码的第一部分工作？ – Barmar

也许，之前有一些js代码，它设置了“数据”（但不是属性）。 –

第二证件回报不确定，因为你应该为他提供李（I）类名两个选项（II）属性

你应该尝试指定只在他们的

来源

2014-02-06 18:01:50 Jain

jQuery通过数据ID获取元素

回答

相关问题