switch statement and loops using jquery/javascript

Question

Is there a way I can generate switch statements in jquery/javascript by using some sort of loop to do the work for me? For example, if I had a statement like:

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;
}

This is fine if I only have a few options in my select menu, but what I had 99 options and therefore by case '99' I had to display 99 new divs or whatever they might be?

John Kugelman · Accepted Answer · 2009-07-23 03:12:57Z

3

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

If you select 10 that loop will find the ten elements from #play_1 to #play_10 and animate them.

answered Jul 23, 2009 at 3:12

John Kugelman

365k70 gold badges555 silver badges600 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Grant Wagner · Accepted Answer · 2009-07-23 14:39:26Z

1

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

edited Jul 23, 2009 at 14:39

Grant Wagner

26k7 gold badges57 silver badges65 bronze badges

answered Jul 23, 2009 at 3:13

John Rasch

63.6k19 gold badges109 silver badges141 bronze badges

1 Comment

Grant Wagner Over a year ago

@John: I added a radix to parseInt() (in case the .text() returned 09 for some reason). Other than that, +1.

Collectives™ on Stack Overflow

switch statement and loops using jquery/javascript

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related