獲得價值

Question

我需要得到價值形態每個列表中單擊

這裏是我的清單：

<c:forEach items="${cmlist}" var="records"> 
    <ol class="dd-list" id="chapterlist" > 
     <li id="cs" class="dd-item" data-id="1" value="${records.levelID}"> 
     <div class="dd-handle"> 
      <a href="#subchaptercontent">Chapter: ${records.levelName}</a> 
     </div> 
     </li> 
    </ol> 
</c:foreach> 

這裏是我的點擊功能代碼：

$(window).load(function(){ 
    $("#chapterlist li a").on("click", function(){ 
     level = $(this).parent('li').val(); 
     console.log("level"+level); 
    }); 
}); 

你能幫忙嗎？

Answer 1

parent()功能僅上升DOM的一個水平，所以它得到您的<div>元素而停止。改爲使用parents()。

JSFiddle

請注意，如果值爲整數val()纔會工作。但是，對於有序列表，應該不是問題，其中值是項目的編號。

Answer 2

您不能使用value方法獲取此對象的value屬性。 請，由

<c:forEach items="${cmlist}" var="records">  
           <ol class="dd-list" id="chapterlist" > 
            <li id="cs" class="dd-item" data-id="1" data-value="${records.levelID}"><div class="dd-handle"><a href="#subchaptercontent">Chapter: ${records.levelName}</a> </div> 


    </li></ol></c:foreach> 

而JavaScript更新你的JSP通過

level = $(this).parent('li').data('value'); 

Fiddle to test this solution