如何用jQuery函数设置div的id？

Question

我从 Servlet 收到提要项目列表

<c:forEach items="${feedItemsList}" var="feedItem">
    <table class="contentItem">
        <tr>
            <td>
                <div id="block">
                    <a id="" href="javascript:showFeedItem(${feedItem.id});"><c:out
                            value="${feedItem.title}" /></a>
                </div>
                <div class="feedItemExpander" id="${feedItem.id}">...My
                    info...</div>
            </td>
        </tr>
    </table>
</c:forEach>

我想用 id=${feedItem.id} 展开和折叠 div。点击

<a id="" href="javascript:showFeedItem(${feedItem.id});"><c:out
                            value="${feedItem.title}" /></a>

我将 ${feedItem.id} 传递给 jQuery 函数。然后显示 div 和 id=${feedItem.id}。我的函数：

function showFeedItem(feedItemId) {
            $('.feedItemExpander').each(function(index) {
            if ($(this).attr("id") == feedItemId) {
                $(this).show(200);
            }
        });
    }

如何通过第二次单击同一个 link 来折叠它？

Answer 1

要通过单击相同的 link 来隐藏它，请检查该元素是否可见，然后根据该元素隐藏或显示它：

function showFeedItem(feedItemId) {
    $('.feedItemExpander').each(function(index) {
        if ($(this).attr("id") == feedItemId) {
            if (!$(this).is(':visible')) $(this).show(200);
            else $(this).hide(200);
        }
    });
}

如何用jQuery函数设置div的id？

How to set div's id with jQuery function?

javascript

jquery

jsp

function

expander