javascript - 使用 jQuery 创建一个干净的 if

标签 javascript jquery html

我基本上想基于以下 HTML 代码,使用 jQuery 以最干净的方式执行 switch()if()

<ul class="nav nav-tabs">
    <li class="active"><a href="#core" data-toggle="tab">Core Settings</a></li>
    <li><a href="#parallel" data-toggle="tab">Parallel settings</a></li>
    <li><a href="#cron_settings" data-toggle="tab">Cron limit settings</a></li>
</ul>

这是我尝试执行的示例

switch(".nav nav-tabs li > active") {
    case "#core":

    break;
    case "#parallel":

    break;
    case "#cron_settings":

    break;
}

该语法显然不是正确的方法,它只是我希望如何执行此类 switchif 的示例

那么,最干净、最简洁的方法是什么?

更新编辑

我尝试在代码中使用以下答案,但没有成功

$(document).ready(function() {
    $("ul.nav.nav-tabs li.active a").each(function(this){
        switch(this.href) {
            case "#core":
                alert("you're using the core tab");
            break;
            case "#parallel":
                alert("you're using the parallel tab");
            break;
            case "#cron_settings":
                alert("you're using the cron settings tab");
            break;  
        }
     })
});

最佳答案

您需要稍微修改一下选择器,所以试试这个:

$("ul.nav.nav-tabs li.active a").each(function(){
    switch(this.href) {
       case ...
    }
});

在您的情况下,您可能想使用this.hash

关于javascript - 使用 jQuery 创建一个干净的 if,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20765228/

相关文章:

javascript - 当通过 ng-view 包含时,带有 bootstrap 3 Accordion 的 AngularJS 不起作用

javascript循环引用——打破循环

php - 页面刷新时数据库被填充

javascript - 无法在输入框中显示可变内容

html - 空类属性是有效的 HTML 吗?

javascript - JSON.stringify与直接访问对象属性、strongloop不同

javascript - 使用 javascript 禁用 HTML 中的按钮

javascript - 多个.attr ('value')

javascript - jQuery.merge() 和 JavaScript 原生函数 concat() 有什么区别?

html - 如何使页面在打印/跨多个浏览器时看起来很好