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'; |