javascript JQuery 在页面加载时打印到多个 div？

Question

我基本上有几个 div，每个都有 ID“id_1”、“id_2”、“id_3”等。这些 div 最初都是空的。

我想在页面加载时用特定的 html 内容填充所有 div。但一直困扰我的部分是我还需要提取唯一的 id 部分以在 html 中使用:

<div id="id_3">
     <div id="inner_3></div>
</div>

内部 div 是打印的地方。请注意，'3' 是由 javascript 从容器 div id 中提取出来的，然后在内部 div 中使用和打印。

关于如何使用 jquery 执行此操作的任何想法？提前致谢。

Answer 1

您可以获取所有 ID 为 starts with 的 div 元素某个字符串:

$(function() {
    $('div[id^=id_]').each(function() {
        var id = $(this).attr('id').split('_').pop();
        $(this).html(
            $('<div/>').attr('id','inner_' + id)
        );
    });
});

然后你遍历每个，获取 id，并进行 HTML 操作。