2014-01-19 48 views
0

我有同一類的多個實例,其中有不同的值,我想寫一個jquery函數,它可以獲得點擊的類的值。現在我的函數返回空白。從單擊類中的元素獲取值

下面是HTML,我有

<div class="named" > <h5 value = "1"> value 1 </h5></div> 
<div class="named" > <h5 value = "2"> value 2 </h5></div> 

,這裏是我的jQuery函數

$(".named").click(function(){ 
console.log($(this).find("h5").val()); 
}); 

非常感謝你

回答

3

嘗試:

$(".named").click(function(){ 
    console.log($(this).find("h5").attr("value")); 
}); 

你應該真要使用的data-* attributesjQuery .data()

<div class="named"> <h5 data-value="1"> value 1 <h5></div> 
<div class="named"> <h5 data-value="2"> value 2 <h5></div> 

$(".named").click(function(){ 
    console.log($(this).find("h5").data("value")); 
}); 
+0

感謝!那工作。 –

2

value不是H5-標籤的有效屬性。你或許應該改變,要data-value(HTML5),然後要麼使用attr法或jQuery的數據API:

<div class="named" > <h5 value = "1"> value 1 <h5></div> 
<div class="named" > <h5 value = "2"> value 2 <h5></div> 

// With attr 
$(".named").click(function(){ 
    console.log($(this).find("h5").attr("data-value"); 
}); 

// with the data api 
$(".named").click(function(){ 
    console.log($(this).find("h5").data("value"); 
}); 
0
$(".named").click(function(){ 
    console.log($(this).find("h5").attr("value")); 
}); 

頭不取的價值觀,所以他們認爲他們的屬性