两个迭代处理以及显示

来源:互联网 发布:mac 应用程序开发 编辑:程序博客网 时间:2024/06/08 18:12

当迭代里边套着一个迭代的时候,你想通过点击这个a标签获取第二个迭代里边的内容,可以通过如下的js来实现。此时不能通过id来获取值,因为id是唯一的,而迭代之后会有多个相同的id,只能通过class来获取。所以先找到它相应的的父元素,也就是那一行,从而通过class获取当前的这个元素。

<s:iterator value="messageList" var="mslist">      
            <tr>           

                 <td>               
                    <a href="javascript:void(0);" class="z_corGreen z_messName btn_shownews"name="lianjie" id="sh" >${mslist.theme}</a>
                </td>
                   <td  class="grtdcl">              
                     <s:iterator value="messageGroupList" var="mglist">                                                    
                    <c:if test="${mslist.TMessageId == mglist.TMessage.TMessageId}">
                        ${mglist.groups}                                                                           
                    </c:if>                                            
                    </s:iterator>                              
                   </td>                                  
            </tr>
            
        </s:iterator>


/* 这是详情页对应的那个div*/

<div class="dkRight02 fl" >
         <label id="la2"></label>
</div>


/*js实现如下*/

script type="text/javascript">

/*  点击a标签触发下边 */
    $("a[name='lianjie']").click(function(){
     /*  ele为当前获得的元素的值 */

     var ele=$(this).parents("tr").find(".grtdcl").text();

    /*  把当前这个元素 的值赋给它要显示的那个label标签,这种赋值方式挺常用的,希望大家能记住*/

     document.getElementById("la2").innerHTML=ele;
   
        
        
});  
</script>
0 0
原创粉丝点击