关于javascript:如何将锚标记从一个地方附加到另一个地方?

How to append anchor tag from one place to another?

本问题已经有最佳答案,请猛点这里访问。

我写的是

1
2
3
4
5
6
7
8
9
....
....
File
.....
.....

.....
.....
.....

现在,我希望将类上载文件的锚标记附加到用jQuery实现类图的div输出应为

1
File

或者简单地

1
$('.diagram').append($('.uploadedfiles').removeAttr('class'))

如果有许多链接要附加到图表DIV,则可以使用

1
2
3
$('.uploadedfiles').each(function(){
    $(this).appendTo('.diagram').removeAttr('class')
})

很简单,只需为每个锚启动单词uploader即可进行搜索。

代码如下:

HTML:

1
File

JS:

1
$("a[class^='uploaded']").appendTo('.diagram');

给你:http://jsfiddle.net/plnh8/

谢谢,阿肖克


我建议你这样做:

1
2
3
4
5
6
7
var diagram=document.getElementsByClassName('diagram')[0];
var uploadedfiles=document.getElementsByClassName('uploadedfiles');
var l=uploadedfiles.length;
for(var i=0;i<l;i++){
diagram.innerHTML+=uploadedfiles[i].outerHTML;
uploadedfiles[i].parentNode.removeChild(uploadedfiles[i]);
}

此代码删除类为"uploadedfiles"的每个节点,并将其添加到"diagram"节点中。

编辑:抱歉,没有注意到您想要jquery代码。我更喜欢纯JS编码,所以我无法帮助您使用jquery。但我认为其他答案是正确的。对于那些不使用jquery或任何其他JS库的用户,此代码可以提供帮助;)


好啊。。

你是要那样的东西吗?

1
File

CSS

1
.diagram { width:100px;height:100px;border:1px solid #000000;}

JS

1
2
3
4
5
6
7
8
9
$(document).ready(function(){

    var url = $('.uploadedfiles').attr('href');

    $('.diagram').append('File');

    $('.uploadedfiles').remove();

});

Fiddle:

检查这个


1
document.getElementsByClassName("diagram")[0].innerHTML+='File';