小编use*_*245的帖子

我一直在寻找有关如何在链接中添加和删除类的教程,但遗憾的是没有任何成功.所有早期的问题都给了我一些理解,但没有给我我想要完成的结果.

我试图通过在单击链接时添加和删除类来为我的导航设置活动状态.

以下是我对JavaScript的看法:

$(document).ready(function(){

    //active state  
    $(function() {
        $('li a').click(function(e) {
            e.preventDefault();
            var $this = $(this);
            $this.closest('li').children('a').removeClass('active');
            $this.parent().addClass('active');

        });
    });
});

这是我的导航:

<div id="nav">
    <div id="main-nav" class="center">
        <ul>
            <li><a href="/photography.php">Photography</a></li>
            <li><a href="/web.php">Web</a></li>
            <li><a href="/print.php">Print</a></li>

            <li class="nav-R"><a href="/about.php">About</a></li>
            <li class="nav-R"><a href="/contact.php">Contact</a></li>
        </ul>
    </div><!-- close center -->
</div><!-- close-nav -->

我想知道是否有人可以帮我解决这个问题.这可能听起来有史以来最容易的问题.我刚刚开始使用jQuery.

在下图中,是否可以将"https://jsfiddle.net/vh6ptcrd/"替换为自定义消息？

<div class="tile">
	<div class="img-bg"onclick="alert('This Click will take me to...');window.close();">
        <p>Click!</p>
	</div>
</div><!--.tile end -->

在此先感谢您的帮助.