Javascript 在一个div中创建相同类型的两个标记
我面临一个小问题,但解决不了。我试过了,但没办法解决。我想使用JQuery在一个div中创建两个标记,但不能。我在下面给出了我的代码,以及它的输出和我想要的输出。多谢各位 HTML:Javascript 在一个div中创建相同类型的两个标记,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我面临一个小问题,但解决不了。我试过了,但没办法解决。我想使用JQuery在一个div中创建两个标记,但不能。我在下面给出了我的代码,以及它的输出和我想要的输出。多谢各位 HTML: <ul id="tagCloud"> <li id="tagcloud_li1">Item1</li> <li id="tagcloud_li">Item2</li> </ul> <
<ul id="tagCloud">
<li id="tagcloud_li1">Item1</li>
<li id="tagcloud_li">Item2</li>
</ul>
<div id="vis">
</div>
JavaScript:
$(function() {
var liArray = document.getElementsByTagName('li');
var list_item = [];
for(var i=0; i < liArray.length ;i++){
list_item.push($(liArray[i]).text());
var get_item_value = ($(liArray[i]).text());
$('#vis').find('.set_texts').wrapInner('<text>');
}
});
$(函数(){
var liArray=document.getElementsByTagName('li');
var列表_项=[];
对于(var i=0;i
此代码显示输出:
<div id="vis">
<text>
<text></text> //text within text
</text>
</div
//文本中的文本
您可以使用与一起循环浏览列表项:
$('#tagCloud li').each(function() {
$('#vis').append('<text></text>');
});
$('#tagCloud li')。每个(函数(){
$('#vis')。附加('');
});
可以尝试,
如果要完全替换#vis
如果要在上一节的基础上添加新节,请使用.append()
有关更多信息,请参阅他们的参考链接
$('#vis').html('<text></text><text></text>');
$('#vis').append('<text></text><text></text>');
$('#vis').html('');
$('#vis')。附加('');
$(函数(){
var liArray=document.getElementsByTagName('li');
var列表_项=[];
对于(var i=0;i
为(变量i=0;i
试试这样的$('#vis')。查找('.set_text')。追加($('')
感谢兄弟的工作:)在这段代码中有一个循环。此循环取决于“li”的数量。我想根据“li”的数量创建多个;然后用这个也许对你不合适,但它确实解决了他的问题。
$('#tagCloud li').each(function() {
$('#vis').append('<text></text>');
});
$('#vis').html('<text></text><text></text>');
$('#vis').append('<text></text><text></text>');
$(function() {
var liArray = document.getElementsByTagName('li');
var list_item = [];
for(var i=0; i < liArray.length ;i++){
$text = $("<text>");
$text.text($(liArray[i]).text());
list_item.push($text);
list_item.forEach(function(ele) {
$("#vis").append(ele);
})
}
});
for(var i = 0 ; i< count; ++i)
$("#vis").append("<text></text>");