使用jquery如何使用相同的链接切换div&元素？

我有一个菜单项，单击时显示一个DIV，但我也希望li文本在单击链接时更改，并在单击之间切换。以下是html：

    <div class="menu">
                <ul>
                <li class="l1"><a href="javascript:toggleDiv('upgrade');" id="upgrade_link">upgrade</a></li>
                <li class="l1" style="display:none"><a href="javascript:toggleDiv('upgrade');" id="upgrade_link">Free</a></li>
                <li class="l2"><a href="#">login</a></li>
                <li class="l3"><a href="#">about</a></li>
                </ul>
            </div>

加上这个

$('.l1').text('new text')

---

我猜您的示例中缺少了一些内容，但您可以链接这些内容并选择父Li来处理该内容：

$('#upgrade_link').click(function () {
            $(this).css(or whatever).parent("li").css("background", "yellow");
        });

$('#upgrade_link').click(function () {
            $(this).css(or whatever).parent("li").css("background", "yellow");
        });