如何在這個例子來訪問外部的選擇

Question

我有以下標記：

<div class='header-vals' data-item-id='23'> 
    <input type='text' name='some-input' /> 
    <input type='text' name='some-other-input' /> 
</div> 

，想OT像這樣的東西訪問數據項-ID（但不工作）：

$('.header-vals').on('keyup','input',function(){ 
    var item_id=$(this).data('item-id'); 
}); 

有沒有一種方法，使這種引用外，使我能得到的數據項-ID？

THX提前

Answer 1

做到這一點的方法： -

$('.header-vals').on('keyup','input',function(){ 
    alert($(this).parent().attr('data-item-id')); 
});​ 

參考LIVE DEMO

Answer 2

var item_id = $(this).parent().attr('data-item-id'); 

Answer 3

Felix是正確的（和感謝好友）..

$（這）是指輸入...看看下面的代碼，只需添加父：

你的代碼將工作，只需切換數據使用attr用於

$('.header-vals').on('keyup','input',function(){ 
    var item_id=$(this).parent.attr('data-item-id'); 
}); 

的。數據（）函數f或者將數據綁定到一個元素，而不是選擇屬性 http://api.jquery.com/jQuery.data/

Answer 4

試試這個：

$('.header-vals').on('keyup','input',function(){ 
    var item_id=$(this).parent().attr('data-item-id'); 
}); 

OR

$('.header-vals').on('keyup','input',function(){ 
    var item_id=$(this).parent().data('item-id'); 
}); 

這裏是一個demo使用所述數據的功能。