[英]Wrap div to javascript output
Basically what I need to do is wrap this code output 基本上我需要做的是包装此代码输出
<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>
which is right now is just plain 现在是简单的
<div id="selected">001,002,003,004</div>
to become 成为
<div="selected">
<div class="something">001</div>
<div class="something">002</div>
<div class="something">003</div>
<div class="something">004</div>
</div>
how can I do that? 我怎样才能做到这一点? Is that possible?
那可能吗? Many thanks
非常感谢
EDIT with brk 's help below: 在brk的帮助下进行编辑:
I try incorporate it in my code like this: 我尝试将其合并到我的代码中,如下所示:
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();
but what I'm getting is: 但是我得到的是:
<div id="selected">
<div class="test">001,002,003,004</div>
</div>
where am I doing wrong? 我在哪里做错了?
You can get the text and split it. 您可以获取文本并将其拆分。 Then loop over that and put that inside a div .
然后循环遍历并将其放入div中。 Then append the div to the parent element
然后将div附加到父元素
let wrapContainer = "" let stringArray = $("#original").text().trim().split(' '); $("#original").empty() stringArray.forEach(function(item, index) { let wrapContainer = $('<div class="test">' + item + '</div>'); $("#original").append(wrapContainer) });
.test { color: green }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="original">001 002 003 004</div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.