使用 jquery/javascript 的 switch 语句和循环答案

【问题标题】：switch statement and loops using jquery/javascript使用 jquery/javascript 的 switch 语句和循环
【发布时间】：2009-07-23 03:09:57
【问题描述】：

有没有一种方法可以在 jquery/javascript 中生成 switch 语句，方法是使用某种循环为我完成工作？例如，如果我有这样的声明：

switch ($("#play option:selected").text()) {
    case '1':
        $("#play_1").slideDown().find("input").addClass("someClass");
        break;
    case '2':
        $("#play_1").slideDown().find("input").addClass("someClass");
        $("#play_2").slideDown().find("input").addClass("someClass");
        break;
}

如果我的选择菜单中只有几个选项，这很好，但是我有 99 个选项，因此在“99”的情况下，我必须显示 99 个新 div 或其他可能的内容？

【问题讨论】：

标签： javascript jquery select loops switch-statement

【解决方案1】：

for (var i = 1; i <= $("#play option:selected").text(); ++i) {
    $("#play_"+i).slideDown().find("input").addClass("someClass");
}

如果您选择 10，则该循环将找到从 #play_1 到 #play_10 的十个元素并为它们设置动画。

【讨论】：

【解决方案2】：

for (var i = 1; i <= parseInt($("#play option:selected").text(), 10); i++) {
    $("#play_" + i).slideDown().find("input").addClass("someClass");
}

【讨论】：

@John：我在parseInt() 中添加了一个基数（以防.text() 出于某种原因返回09）。除此之外，+1。