Javascript 根据所选选项卡克隆HTML并替换内容id

我有三个标签“B1”、“B2”和“B3”。我想克隆此HTML并将其作为三个选项卡的内容加载，其中id分别为

id=“bv-B1-p1”

、

id=“bv-B2-p1”

、和

id=“bv-B3-p1”

（即根据所选选项卡将

-brand-

替换为

B1

、

B2

或

B3

）

您可以使用以下代码使用jQuery创建div：

代码：

<div id="test"></div>

var brand = 3;
$(document).ready(function() {
    for (var i = 1; i <= brand; i++) {
        $('#test').append('<div id="bv-B' + i + '-P1" class="touch" onclick="checkid(this);">TESTING</ div>');
    }
});

function checkid(c) {
    var id = c.id;
    alert(id);
}

var品牌=3；
$（文档）.ready（函数（）{
对于（var i=1；我是jquery新手..请告诉我如何发布完整的代码并询问提取问题是什么
<div id="test"></div>

var brand = 3;
$(document).ready(function() {
    for (var i = 1; i <= brand; i++) {
        $('#test').append('<div id="bv-B' + i + '-P1" class="touch" onclick="checkid(this);">TESTING</ div>');
    }
});

function checkid(c) {
    var id = c.id;
    alert(id);
}