如何复制一个标签里面的整个代码。放到另一个标签里面。
比如原始代码如下:<divid="diva"><pclass="a">aaaaaaaaaaaaaaaaaaaa</p></div><divid="divb"><pclas...
比如原始代码如下:
<div id="diva"><p class="a">aaaaaaaaaaaaaaaaaaaa</p></div>
<div id="divb"><p class="b">aaaaaaaaaaaaaaaaaaaa</p></div>
<textarea cols="5" rows="5"></textarea>
要求:把id=dvia的整个内容。复制进去textarea标签里面
通过JS完成效果后是这样的:
<div id="diva"><p class="a">aaaaaaaaaaaaaaaaaaaa</p></div>
<div id="divb"><p class="b">aaaaaaaaaaaaaaaaaaaa</p></div>
<textarea cols="5" rows="5"><div id="diva"><p class="a">aaaaaaaaaaaaaaaaaaaa</p></div></textarea>
怎么实现这个效果操作!!!!!请高手指教。
忘了说了。是复制过去时。把所有带id这个属性都要去掉
复制后最终效果是这样:
<textarea cols="5" rows="5"><div><p class="a">aaaaaaaaaaaaaaaaaaaa</p></div></textarea> 展开
<div id="diva"><p class="a">aaaaaaaaaaaaaaaaaaaa</p></div>
<div id="divb"><p class="b">aaaaaaaaaaaaaaaaaaaa</p></div>
<textarea cols="5" rows="5"></textarea>
要求:把id=dvia的整个内容。复制进去textarea标签里面
通过JS完成效果后是这样的:
<div id="diva"><p class="a">aaaaaaaaaaaaaaaaaaaa</p></div>
<div id="divb"><p class="b">aaaaaaaaaaaaaaaaaaaa</p></div>
<textarea cols="5" rows="5"><div id="diva"><p class="a">aaaaaaaaaaaaaaaaaaaa</p></div></textarea>
怎么实现这个效果操作!!!!!请高手指教。
忘了说了。是复制过去时。把所有带id这个属性都要去掉
复制后最终效果是这样:
<textarea cols="5" rows="5"><div><p class="a">aaaaaaaaaaaaaaaaaaaa</p></div></textarea> 展开
1个回答
展开全部
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="<a href="http://code.jquery.com/jquery-2.1.4.min.js"></script>" target="_blank">http://code.jquery.com/jquery-2.1.4.min.js"></script></a>
<script type="text/javascript">
$(window).ready(function(){
var h3=$("h3.a");
for(i=0,len=h3.length;i<len;i++){
if($(h3[i]).text()!=""){
$(".catalog-li").append("<em>"+$(h3[i]).text()+"</em>");
}
}
})
</script>
</head>
<body>
<div class="catalog-li"></div>
<h3 class="a">1</h3>
<h3 class="a">2</h3>
<h3 class="a">3</h3>
<h3 class="a">4</h3>
<h3 class="a">5</h3>
<h3 class="a">N...</h3>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="<a href="http://code.jquery.com/jquery-2.1.4.min.js"></script>" target="_blank">http://code.jquery.com/jquery-2.1.4.min.js"></script></a>
<script type="text/javascript">
$(window).ready(function(){
var h3=$("h3.a");
for(i=0,len=h3.length;i<len;i++){
if($(h3[i]).text()!=""){
$(".catalog-li").append("<em>"+$(h3[i]).text()+"</em>");
}
}
})
</script>
</head>
<body>
<div class="catalog-li"></div>
<h3 class="a">1</h3>
<h3 class="a">2</h3>
<h3 class="a">3</h3>
<h3 class="a">4</h3>
<h3 class="a">5</h3>
<h3 class="a">N...</h3>
</body>
</html>
追问
你这个答案。我已经搜的时候看过了。他复制的是标签里面的内容。我现在要求是复制整个标签包含他的内容。所以这个方法实现不了我想要的效果。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询