Question

当我点击带有abc id的元素时，我想要将ID为abc1,abc2,abc3的元素克隆到abc等。

以下是我正在尝试的代码：

＆＃13;

<html><body>
	<p onclick="aa()" id="abc">HEEYYEYEY</p>
	<p id="xx"></p>
</body>
<script>
var temp=0;
function aa(){
	temp=temp+1;
	document.getElementById("xx").innerHTML=temp;
	$('#abc').clone().appendTo('#abc'+temp);
}
</script>
</html>

＆＃13;

请帮忙。我究竟做错了什么？是否有任何方法可以将这些克隆的元素放置到我想要的特定位置（比如下面的某个图像或者在带有pr的段落之后）

提前致谢。

注意：问题已更新（类=＆＃34; abc已更改为id =＆＃34; abc＆＃34;）（仍然无效）

Answer 1

您将元素追加到#abc0（依此类推），但没有包含这些ID的元素。尝试将你的元素附加到身体上。

Answer 2

克隆时，将属性id设置为您想要的属性。然后像这样附加到#xx div：

$(document).ready(function() {
    var count = 0;
	$('#abc').on('click', function() {
        count++;
    	var newItem = $(this).clone().attr('id', 'abc' + count);
        $('#xx').append(newItem);
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p id="abc">HEEYYEYEY</p>
<p id="xx"></p>

PS。你同时使用vanilla javascript和jquery。如果你坚持一个

，维护和阅读会更容易

克隆一个html标签id元素

2 个答案: