将div包装到javascript输出
基本上我需要做的是包装这个代码输出将div包装到javascript输出,javascript,Javascript,基本上我需要做的是包装这个代码输出 <a id="show_selected">Click to Show</a> <div id="selected"></div> <script type="text/javascript"> function showSelect(){ $("#show_selected").bind("click", function (e) { e.preve
<a id="show_selected">Click to Show</a>
<div id="selected"></div>
<script type="text/javascript">
function showSelect(){
$("#show_selected").bind("click", function (e) {
e.preventDefault();
$('#selected').text($("#fvip").mapster("get"));
});
}
showSelect();
</script>
单击以显示
函数showSelect(){
$(“#显示所选”)绑定(“单击”,函数(e){
e、 预防默认值();
$(“#选定”).text($(“#fvip”).mapster(“get”);
});
}
showSelect();
现在的情况很简单
<div id="selected">001,002,003,004</div>
001002003004
成为
<div="selected">
<div class="something">001</div>
<div class="something">002</div>
<div class="something">003</div>
<div class="something">004</div>
</div>
001
002
003
004
我该怎么做?可能吗?非常感谢
使用下面的brk帮助进行编辑:
我尝试将其合并到我的代码中,如下所示:
function showSelect(){
$("#show_selected").bind("click", function (e) {
e.preventDefault();
$('#selected').text($("#fvip").mapster("get"));
let wrapContainer = ""
let stringArray = $("#selected").text().trim().split(' ');
$("#selected").empty()
stringArray.forEach(function(item, index) {
let wrapContainer = $('<div class="test">' + item + '</div>');
$("#selected").append(wrapContainer)
});
});
}
showSelect();
函数showSelect(){
$(“#显示所选”)绑定(“单击”,函数(e){
e、 预防默认值();
$(“#选定”).text($(“#fvip”).mapster(“get”);
让wrapContainer=“”
设stringArray=$(“#选定”).text().trim().split(“”);
$(“#选定”).empty()
forEach(函数(项、索引){
让wrapContainer=$(''+项+'');
$(“#选定”).append(wrapContainer)
});
});
}
showSelect();
但我得到的是:
<div id="selected">
<div class="test">001,002,003,004</div>
</div>
001,002,003,004
我哪里做错了?您可以获取文本并将其拆分。然后在上面打圈,把它放在一个div里。然后将div附加到父元素
let wrapContainer=“”
设stringArray=$(“#原始”).text().trim().split(“”);
$(“#原件”).empty()
forEach(函数(项、索引){
让wrapContainer=$(''+项+'');
$(“#原件”).append(包装容器)
});代码>
.test{
颜色:绿色
}
001 002 003 004
这里到底是什么问题?我假设您了解现有代码是如何工作的,以及哪个部分做什么。但是。。。id
attr总是something
问题的可能重复之处在于我不知道如何将其包装在内部以设置样式:(非常感谢..结果是001 002 003 004,但我需要的是001 002 003 004编辑问题以使其清楚001,002002003的每个部分都在一个单独的分区中。您可以从DOM检查您是否正确先生:)我将尝试在我的代码中加入这一点我一定是做错了..我编辑了原始代码以添加您的建议代码按预期工作。我检查了您编辑的代码