SpringMVC - 單擊獲取UI元素索引

Question

我正在尋找一種方法來獲取索引或對象在我的網站上持有我的列表，以便我可以發送POST響應以更新內容。

問題1 如何通過JQuery點擊ul元素的對象或索引？

問題2 如何將對象或索引作爲POST發送到彈簧MVC主幹以更新頁面內容？

代碼段

jQuery和DIV的問題UI元素

<script> 
$(document).ready(function() { 
    $('.result-div').click(function() { 
      $(this).fadeOut(1000).fadeIn(200); 
      //---- some code here to get index or object and send post?---- 

    }); 
}); 
</script> 
<ul class="result-class"> 
      <c:forEach var="offender" items="${offenderlists}"> 
       <li><div class="result-div"> 
       <div class="result-img-holder"> 
       <img src=<c:out value="${offender.linkToPicture}"/> height="120" width="120"/> 
       <span class=result-div-titles> 
       OffenderID: </span> <c:out value="${offender.offenderId}"/> 
       </div> 

       <div class="result-div-oinfo"> 
       <ul class="info-list1"> 
       <li><span class=result-div-titles> 
       First Name: </span> <c:out value="${offender.firstName}"/> 
       </li> 
       <li><span class=result-div-titles> 
       Last Name: </span> <c:out value="${offender.lastName}"/></li> 
       <li><span class=result-div-titles> 
       Middle Name: </span><c:out value="${offender.middleName}"/> 
       </li> 
       <li><span class=result-div-titles> 
       DOB: </span> 
       </li> 
       <li><span class=result-div-titles> 
       Sex: </span> 
       </li> 
       <li><span class=result-div-titles> 
       Risk Level: </span><c:out value="${offender.riskLevel}"/> 
       </li> 
       <li><span class=result-div-titles> 
       Designation: </span> 
       </li> 
       </ul> 
       <ul class="info-list2"> 
       <li><span class=result-div-titles> 
       Race: </span></li> 
       <li><span class=result-div-titles> 
       Ethnicity: </span></li> 
       </ul> 
       <div class="result-address"> 
       <span class=result-div-titles> 
       Primary Address: </span><br> 
       <c:out value="${offender.primaryAddress.address_line1}"/><br> 
       <c:out value="${offender.primaryAddress.city}"/>, 
       New York <c:out value="${offender.primaryAddress.zipcode}"/> 
       </div> 
       </div> 
       </div></li> 

      </c:forEach> 
      </ul> 

問題重申了清晰

1）如何獲得在舉行索引或對象使用JQuery的div/ul元素？

2）發送UI對象到Java主幹的最佳方法是什麼？也許POST？

Answer 1

$("li")是<li>對象收集和<li>第一元件是 $("li").eq(0)這也是一個對象（有它自己的屬性）和它的數值指標位置是$("li").eq(0).index()

在彈簧MVC URL經由處理通過控制器方法處理

我會在你的JQuery說，你可以通過URL參數帶來的<div>指數，：請求映射到某個控制器的方法

$(document).ready(function() { 
    $('.result-div').click(function() { 
      $(this).fadeOut(1000).fadeIn(200); 

     var currentClickedIndex = this.index(); 
    window.location.href='andPageToProcessThisIndex.jsp?idx = '+currentClickedIndex ; 

    }); 
}); 

，並假設THISIS控制器方法，將捕獲的指標，以後再處理它：

@RequestMapping("andPageToProcessThisIndex") 
public ModelAndView goToView (@RequestParam ("idx") String idx){ 
return new ModelAndView ("aViewPage","idx",idx) ; 
}