Question

我写的是

<div id="sample">
....
....
<a class="uploadedfiles" href="www.google.com">File</a>
.....
.....
<div class="diagram"></div>
.....
.....
.....      
</div>

现在我希望将附加了类上传文件的锚标记附加到带有jQuery类图的div 输出应为

<div class="diagram"><a href="www.google.com">File</a></div>

Answer 1

或者只是

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

如果你有许多附加到图表div的链接，你可以使用

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

Answer 2

document.getElementsByClassName("diagram")[0].innerHTML+='<a href="www.google.com">File</a>';

Answer 3

行..

你在问这样的事吗？

<div id="sample">

<a class="uploadedfiles" href="www.google.com">File</a>

<div class="diagram"></div>

</div>

CSS

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

JS

$(document).ready(function(){

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

    $('.diagram').append('<a href="'+url+'">File</a>');

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

});

小提琴：

Check this

Answer 4

我会建议你这样的事情：

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]);
}

此代码删除了具有类＆＃39; uploadedfiles＆＃39;的所有节点。并将其添加到＆＃39;图表中节点

编辑：抱歉，没有注意到你想要jQuery代码。我更喜欢纯粹的js编码，所以我无法帮助你使用jQuery。但我认为其他答案是正确的。此代码对于那些不使用jQuery或任何其他js-library的人有用;）

Answer 5

很简单，您只需要为每个锚点启动单词上传器进行搜索。

以下是代码：

HTML：

<div id="sample">

<a class="uploadedfiles" href="www.google.com">File</a>
<div class="diagram"></div>

</div>

JS：

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

在这里：http://jsfiddle.net/PLNH8/

谢谢，阿肖克

如何将锚标记从一个地方附加到另一个地方？

5 个答案: