Javascript 如何包装两个动态HTML元素？

我在下面的jquery中创建了动态html结构

var数据=[{
“姓名”：“阿富汗”，
“代码”：“A”
}, {
“名称”：“安道尔”，
“代码”：“A”
}, {
“名称”：“布韦岛”，
“代码”：“B”
}, {
“名称”：“库克群岛”，
“代码”：“C”
}];
$。每个（数据、函数（键、值）{
如果（！$（“#azul.”+val.code.）为（“*”）{
$（“
”{
“类别”：val.code，
“html”：“
”+val.name+”
”
})
.附于（“#azol内容”）
.之前（''+val.code+''）；
}否则{
$（“b.”+val.code）。每个（函数（）{
if（this.textContent==val.code）{
$（this）.next（“ul”）.append（“
”+val.name+”
”）；
}
})
}
});

尝试使用
$。each（）
，
.appendTo（）
，
.append（）
；将
ol li
，
b
类
设置为
数据
的
属性


$（函数（）{
风险值数据=[{
“姓名”：“阿富汗”，
“代码”：“A”
}, {
“名称”：“布韦岛”，
“代码”：“B”
}, {
“名称”：“库克群岛”，
“代码”：“C”
}];
$。每个（数据、函数（键、值）{
如果（！$（“#azul.”+val.code.）为（“*”）{
//将`
`附加到`ol`后面`
$（“
”{
//将'class'设置为'val.code'`
“类别”：val.code，
//将'li``html`设置为'b`、'ul`、'li``
“html”：”+
val.code+“”+
“
”+
val.name+“
”
})
.附于（“#azol内容”）
}否则{
$（“b.”+val.code）。每个（函数（）{
if（this.textContent==val.code）{
//在'ul'后面加'li'`
$（this）.next（“ul”）.append（“
”+val.name+”
”）；
}
})
};
});
});

aZContent在哪里？或许我们可以利用
数据的值来重现您在那里所做的事情，这也会很有帮助。工作小提琴会更好。请看一看，我添加了工作小提琴@MichelWalter@ManasRanjanPradhan请看帖子。@guest271314请看一看，当涉及到更多数据时，需要您的指导。它像一个单独的列表一样扭曲，而不是放在信件下面。请看一下@ManasRanjanPradhan是的
data
at与问题中的data
不一样？@ManasRanjanPradhan
js
似乎满足了“如何将“b”和“ul”元素用“li”包装”的要求？我已经在基本问题中添加了一些数据，你能检查一下它是如何显示的吗。@ManasRanjanPradhan尝试添加
$（“b:contains（A）：gt（0），b:contains（b）：gt（0），b:contains（C）：gt（0）”）.css（“颜色”，“透明”）；
在
$下面。each（）