Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/xpath/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
将div包装到javascript输出_Javascript - Fatal编程技术网

将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检查您是否正确先生:)我将尝试在我的代码中加入这一点我一定是做错了..我编辑了原始代码以添加您的建议代码按预期工作。我检查了您编辑的代码