c:foreach循环出多个div如何控制单个div的显示隐藏

Question

<c:forEach items="${requestScope.newList}" var="newList">
                                <!--消息 -->
                                <div class="s-msg-item s-msg-temp i-msg-downup conceal1">
                                    <h6 class="s-msg-bar"><span class="s-name">每日新闻</span></h6>
                                    <div class="s-msg-content i-msg-downup-wrap">
                                        <div class="i-msg-downup-con">
                                            <a class="i-markRead" target="_blank"
                                               href="/person/mynest/blog?blog=${newList.id}">
                                                <img src="/static/images/${newList.pic}">
                                                <p class="s-main-content">
                                                        ${newList.activityTitle}
                                                </p>
                                                <p class="s-row s-main-content">
                                                    <a href="/person/mynest/blog?blog=${newList.id}">
                                                        阅读全文 <i class="am-icon-angle-right"></i>
                                                    </a>
                                                </p>
                                            </a>
                                        </div>
                                    </div>
                                    <a class="i-btn-forkout conceal" ref="${newList.id}" href="javascript:;"><i class="am-icon-close am-icon-fw"></i></a>
                                </div>
                                </c:forEach>

jQuery代码

    $(function () {
        $(document).ready(function(){
            $(".conceal").click(function(){
                $(".conceal1").hide();
            });
        });
        });

修改后：

  <c:forEach items="${requestScope.newList}" var="newList">
                                <!--消息 -->
                                <div class="s-msg-item s-msg-temp i-msg-downup conceal1" id="${newList.id}" onclick=hide(this)>
                                    <h6 class="s-msg-bar"><span class="s-name">每日新鲜事</span></h6>
                                    <div class="s-msg-content i-msg-downup-wrap">
                                        <div class="i-msg-downup-con">
                                            <a class="i-markRead" target="_blank"
                                               href="/person/mynest/blog?blog=${newList.id}">
                                                <img src="/static/images/${newList.pic}">
                                                <p class="s-main-content">
                                                        ${newList.activityTitle}
                                                </p>
                                                <p class="s-row s-main-content">
                                                    <a href="/person/mynest/blog?blog=${newList.id}">
                                                        阅读全文 <i class="am-icon-angle-right"></i>
                                                    </a>
                                                </p>
                                            </a>
                                        </div>
                                    </div>
                                    <a class="i-btn-forkout conceal" ref="${newList.id}" href="javascript:;"><i class="am-icon-close am-icon-fw"></i></a>
                                </div>
                                </c:forEach>

JS

 function hide(obj){
        $(obj).toggle();
    }

Answer 1

循环的时候从集合里面找个变量当id或name，用id或name隐藏显示就行。