使用jQuery检查CSS属性时出现问题

我试图检查当用户单击导航栏中的链接时，它是否带下划线/处于活动状态，但我的JS函数都不起作用

我已经试过了所有的方法

 $("#link").click(function() { 
    if($('#link').css('text-decoration') == 'underline') {
       alert("COME ON!");
    }
}); 

到

我需要知道如何做到这一点，而不修改我的CSS以任何方式

建议

HTML:

编辑：

谢谢@Amadan；这就是解决方案：

$(".navbar-inverse .navbar-nav > li > a").click(function() { 
    if ($(this).closest('li').hasClass('active')) {
        alert("COME ON");
    }
}); 

---

这似乎在未来很管用。可能您的问题在其他地方。它正在工作：为什么不检查一下

$（this）.最近（'li'）。hasClass（'active'）

？检查链接是否为活动链接更具语义，而不是检查单击的文本是否具有特定外观。它正在运行，请检查您的jquery版本并使用最新的jquery，它将显示bw helpfullll；）@Harry正在开发一个应用程序，该应用程序运行了大量css属性，我们经常在chrome中遇到多个空格分隔的值，用于这个特定的css属性。这是V36

<div class="navbar navbar-inverse navbar-fixed-top">
            <div class="container">

                <div class="collapse navbar-collapse navHeaderCollapse">

                    <ul class="nav navbar-nav navbar-right">

                        <li class = "active"><a id = "link" href = "#" >Link</a></li>   

                    </ul><!-- END: "nav navbar-nav navbar-right" -->
                </div><!-- END: "collapse navbar-collapse navHeaderCollapse" -->
            </div><!-- END: "container" -->
        </div><!-- END: "navbar navbar-inverse navbar-fixed-top" -->

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #ffffff;
  text-decoration: underline; 
}

$(".navbar-inverse .navbar-nav > li > a").click(function() { 
    if ($(this).closest('li').hasClass('active')) {
        alert("COME ON");
    }
});