jquery - 单击链接时更改父李 ID

Question

<div id="content-container">
<ul>
<li id="link1"><a  href="http://mysite/ClassifiedPrograms/Pages/Training1.aspx">Training1</a></li>
<li id="link2" ><a  href="http://mysite/ClassifiedPrograms/Pages/Training2.aspx">Training2</a></li>

<li id="link3"  ><a href="http://mysite/ClassifiedPrograms/Pages/Training3.aspx">Training3</a></li>
<li id="link4" ><a href="http://mysite/ClassifiedPrograms/Pages/Training4.aspx">Training4</a></li>

</ul>
</div>

当点击任何链接时，该链接的 onclick 应该更改父 li id，如果点击了 link1，则将其设置为 clickedlink1。我如何在 jquery 中做到这一点？

Answer 1

您不应该更改 ID，因为它们就是这样(在我看来)。

在这种情况下，我将使用 jQuery addClass()、removeClass() 和 toggleClass() 来跟踪类的点击内容>，因此一旦单击，您就将类 clicked 添加到父 li 元素中。

http://api.jquery.com/addClass/

http://api.jquery.com/removeClass/

http://api.jquery.com/toggleClass/

所以:

$(document).ready(function() {
    $("a").click(function(event){
         $(this).parent().toggleClass("clicked");
    });
});

作为跟踪单击状态的粗略示例，您可以使用 $(".clicked") 选择器来获取这些元素。