如何在一个DIV中获取数据元素

Question

我试图在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 =“value”

中获取 data-jumpslide 的值

这是我尝试的但很明显，它没有用。

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

编辑2：

也试过这个。

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

也没有工作:( 感谢。

Answer 1

jumpslide是div的后代的属性，而不是div本身。您需要先选择该后代，然后才能检索数据。

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

Answer 2

如果您需要使用id定义为上下文的div，为什么不使用它？

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

返回：

2

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

Answer 3

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