jQuery选择器中的增量id值

Question

我有以下代码：

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

我想将它应用于标记中的10个不同的div (#cc-1、#cc-2、#cc-3等)。

我尝试使用for循环，因此不必通过执行以下操作重写相同的代码10次：

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

}

问题是，我不知道如何将变量i与jQuery选择器中的其他内容连接起来。

请注意，我需要针对每个iframe div内的#cc-。这是我遇到麻烦的地方。在将iframe与变量i连接后添加#cc-时，会出现语法错误。

我希望我说得很清楚。我做错了什么有什么线索吗？

Answer 1

您应该能够像您正在做的那样，在选择器中连接一个变量，但是您不需要添加引号。

更改如下：

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

To此文：

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

此外，您还忘记添加iframe类的空格。

更改如下：

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

To此文：

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

完全更改：

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

}