Increment-ID-Wert in jQuery-Selektor

Question

Ich habe den folgenden Code:

$("#cc").on('hidden.bs.modal', function (e) { 
    $("#cc iframe").attr("src", $("#cc iframe").attr("src")); 
}); 

Ich mag würde, dass bis zu 10 verschiedene divs in meinem Markup anzuwenden (#cc-1, #cc-2, #cc-3, etc ...).

Ich habe versucht, eine for Schleife so ich den gleichen Code 10-mal neu schreiben müssen nicht durch die folgenden Schritte ausführen:

for (var i = 1; i < 11; i++) { 

    $('"#cc-' + i + ' iframe"').on('hidden.bs.modal', function (e) { 
     $('"#cc-' + i + ' iframe"').attr("src", $('"#cc-' + i + 'iframe"').attr("src")); 
    }); 

} 

Die Sache ist, ich weiß nicht, wie die Variable verketten i in meinem jQuery-Selektor mit allem anderen.

Bitte beachten Sie, dass ich die iframe innerhalb jeder #cc- div. Zielen muss. Das ist der Teil, mit dem ich Probleme bekomme. Beim Hinzufügen der iframe nach der Verkettung der mit der Variablen i bekomme ich einen Syntaxfehler.

Ich hoffe, ich habe mich klar gemacht. Irgendwelche Hinweise darauf, was ich falsch mache?

Answer 1

Sie sollten in der Lage sein, eine Variable in einem Selektor so zu verketten, wie Sie es tun, Sie müssen jedoch keine Zitate hinzufügen. diese

Wechsel:

$('"#cc-' + i + ' iframe"') 

Um dies:

$('#cc-' + i + ' iframe') 

auch vergessen, Sie einen Platz vor Ihrer iframe Klasse hinzuzufügen.

ändern diese:

$('"#cc-' + i + 'iframe"') 

zu diesem:

$('#cc-' + i + ' iframe') 

komplette Wechsel:

for (var i = 1; i < 11; i++) { 

    $('#cc-' + i + ' iframe').on('hidden.bs.modal', function (e) { 
     $('#cc-' + i + ' iframe').attr("src", $('#cc-' + i + ' iframe').attr("src")); 
    }); 

} 

Answer 2

for (var i = 1; i < 11; i++) { 
var mydiv="#cc-"+i; 
    $("mydiv iframe").on('hidden.bs.modal', function (e) { 
     $('"#cc-' + i + ' iframe"').attr("src", $('"#cc-' + i + 'iframe"').attr("src")); 
    }); 

}