如何获得一个DIV中的数据元素

如何获得一个DIV中的数据元素

问题描述:

我想要获取Div中的一个锚元素中的数据值。如何获得一个DIV中的数据元素

的代码如下: -

<div id="value" class="wrapper-dropdown-5" tabindex="1"> 
    <img src="./images/content/value-menu-item-selected.png"> 
    <ul class="dropdown"> 
     <li class="orange"> 
      <a href="#" data-jumpslide="2"> 
        ... 

我想给DIV ID = “值”

这里内得到数据jumpslide的价值是什么,我试过但很明显,它不起作用。

$("#value").data('jumpslide') 

编辑2:

试过这一点。

$("#"+$(this).attr("id")+ " > a.data('jumpslide')"). 

没工作,要么:( 感谢。

jumpslide是div的后代的财产,而不是DIV本身。你需要先选择后代,那么你就可以取回数据。

$('ul.dropdown > li.orange > a', '#value').data('jumpslide') 
+0

感谢杰夫。如果我想要根据DIV获得跳跃,该怎么办?如果我写$('div#value> ul.dropdown> li.orange> a','#value')。data('jumpslide')...它返回undefined。 – Steve 2013-04-28 00:05:52

+0

如果你想这样写,你需要删除'#value''第二个参数:'$('div#value> ul.dropdown> li.orange> a')...'。无论哪种方式应该工作。 – 2013-04-28 00:10:50

+0

非常感谢杰夫! – Steve 2013-04-28 00:23:35

如果您需要使用分度,定义为你为什么不使用这个上下文ID?

$('#value li.orange a').data('jumpslide'); 

返回:

2 

文档:http://www.w3.org/TR/CSS2/selector.html#descendant-selectors

//assuming that there is one element with data-jumpslide attribute inside #value 
$('#value').find('[data-jumpslide]').data('jumpslide');