js、jq问题:如何让一个或多个标签中的内容自动复制到另一个div标签中

如下图,有没有最方便的方法自动将H3中的内容自动以<em>内容</em>的形式生成在<divclass="catalog-li"></div>中... 如下图,有没有最方便的方法自动将H3中的内容自动以<em>内容</em>的形式生成在<div class="catalog-li"></div>中 展开
 我来答
纯洁的小树
2015-10-14 · TA获得超过3386个赞
知道大有可为答主
回答量:2536
采纳率:71%
帮助的人:464万
展开全部
<!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>
JIA丨XIAN
2015-10-14 · TA获得超过630个赞
知道小有建树答主
回答量:475
采纳率:20%
帮助的人:320万
展开全部
<!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>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式