如何獲得一個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 = 「值」

這裏內得到數據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？

$('#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');