SpringMVC - 点击获取Ul元素索引

时间:2015-09-17 12:41:42

标签: java jquery spring-mvc

我正在寻找一种方法来让索引或对象在我的网站上保存我的列表,以便我可以发送POST响应来更新内容。

问题1 如何使用JQuery单击获取ul元素的对象或索引?

问题2 如何将POST或Index作为POST发送到spring MVC骨干来更新页面内容?

代码段

有问题的UI元素的Jquery和DIV

<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)将Az of Object索引发送到Java骨干网的最佳方法?也许POST?

1 个答案:

答案 0 :(得分:0)

$("li")<li>的对象集合,<li>的第一个元素是 $("li").eq(0)也是一个对象(拥有它自己的属性),它的数字索引位置是$("li").eq(0).index()

在Spring中,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 ;

    });
});

并假设this是控制器方法,它将捕获索引并在以后处理它:

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