js、jq问题:如何让一个或多个标签中的内容自动复制到另一个div标签中
如下图,有没有最方便的方法自动将H3中的内容自动以<em>内容</em>的形式生成在<divclass="catalog-li"></div>中...
如下图,有没有最方便的方法自动将H3中的内容自动以<em>内容</em>的形式生成在<div class="catalog-li"></div>中
展开
2个回答
展开全部
<!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>
追问
无语 你倒是好。直接从另外一个页面把代码一复制就好 要是能成 我就不在知道上问了
追答
你的意思是这段带么没有达到你要得效果?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<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>
展开全部
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h3 class="h-catalog">内容一</h3>
<h3 class="h-catalog">内容二</h3>
<h3 class="h-catalog">内容三</h3>
<h3 class="h-catalog">内容四</h3>
<h3 class="h-catalog">内容五</h3>
<div class="catalog-li"></div>
<script src="jquery-2.1.1.min.js"></script>
<script>
var h3Arr = $('.h-catalog'),
div = $('.catalog-li');
for(var i=0;i<h3Arr.length;i++){
div.append('<em>'+h3Arr[i].innerText+'</em>')
}
</script>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询