怎么复制内容！！！

2015-09-07 10:05:14 184 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

【mac】在Safari里复制网页源代码、不可复制内容〇、前情提要在写【Python爬虫+本科毕业论文速成】豆瓣评论-我是余欢水-数据抓取-情感分析-评分统计-词云制作笔记时，需要引用网页源代码。参考：【Python爬虫+本科毕业论文速成】豆瓣评论-我是余欢水-数据抓取-情感分析-评分统计-词云制作笔记一、复制网页源代码假设我要查看某一条评论的静态代码，在空白处右键-检查元素。搜索该条评论的关键字-太惨了太惨了。将会找到该条评论文字的html代码，被包裹在< span >中，继续往上翻，找到整一条评论的< div &g 阅读详情





<!doctype html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <style>

        *{margin: 0; padding: 0;}

        li{list-style: none;}

        .div{width: 280px; margin: 50px auto;}

        .box_head li{width: 50px; height: 30px; background: #00BCF3; color: #FFFFFF; margin: 0 10px 10px 0; line-height: 30px; text-align: center; display: inline-block; cursor: pointer;}

        .box_head li.on{background: #e74303;}

        .box,.menu,.box1{margin-top: 10px; float: left; width: 260px;}

        .box li,.menu span,.box span{width: 50px; height: 30px; background: #00BCF3; color: #FFFFFF; margin: 0 10px 10px 0; line-height: 30px; text-align: center; display: inline-block; cursor: pointer;}

        

        .box li.on{background: #5BCEA1;}

        .btn,.btn1{width: 100px; height: 35px; background: #DA251C; color: #FFFFFF; text-align: center; line-height: 35px; margin-top: 20px; cursor: pointer; float: left;}

        .js_box_2{border: 1px solid #333333;}

        .fuzhi{width: 50px; height: 30px; border: 1px solid #00BCF3; text-align: center; line-height: 32px; color: #333333; cursor: pointer;float: right;}

    </style>

    <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>

</head>

<body>

    <div class="div">

        <div class="box_head js_box_head">

            <ul>

                <li>内容1</li>

            </ul>

        </div>

        <div class="box"><input type="text" class="js_input"><div class="fuzhi js_fuzhi">复制</div></div>

        <div class="box js_box">

           

        </div>

    </div>

    

</body>

<script>

    $(function(){

        $('.js_fuzhi').on('click',function(){

            var t = $('.js_input').val();

            $('.js_box').html($('.js_box_head li').clone());

        });

    });

</script>

</html>

请问下应该怎么根据输入框里面的数字复制相对应的个数的内容比如输入框里面输入3 复制3个 js_box_head li 到 js_box里面

...全文

ch32v103xx 烧写烧写方式串口uart, usb,swd(wch link)但不建议按此使用，参官方说明。阅读详情

outluo

JavaScript 87,984 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

扶我起来~我还能敲 2015-09-07

打赏
举报

change事件拿到值然后赋值

豪情 2015-09-07

打赏
举报

核心方法：


function copyHtml(str, num){
    var arr = [];
    for(var i = 0; i < num; i++){
        arr.push(str);
    }
    return arr.join('');
}


<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        *{margin: 0; padding: 0;}
        li{list-style: none;}
        .div{width: 280px; margin: 50px auto;}
        .box_head li{width: 50px; height: 30px; background: #00BCF3; color: #FFFFFF; margin: 0 10px 10px 0; line-height: 30px; text-align: center; display: inline-block; cursor: pointer;}
        .box_head li.on{background: #e74303;}
        .box,.menu,.box1{margin-top: 10px; float: left; width: 260px;}
        .box li,.menu span,.box span{width: 50px; height: 30px; background: #00BCF3; color: #FFFFFF; margin: 0 10px 10px 0; line-height: 30px; text-align: center; display: inline-block; cursor: pointer;}

        .box li.on{background: #5BCEA1;}
        .btn,.btn1{width: 100px; height: 35px; background: #DA251C; color: #FFFFFF; text-align: center; line-height: 35px; margin-top: 20px; cursor: pointer; float: left;}
        .js_box_2{border: 1px solid #333333;}
        .fuzhi{width: 50px; height: 30px; border: 1px solid #00BCF3; text-align: center; line-height: 32px; color: #333333; cursor: pointer;float: right;}
    </style>
    <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
</head>
<body>
<div class="div">
    <div class="box_head js_box_head">
        <ul>
            <li>内容1</li>
        </ul>
    </div>
    <div class="box"><input type="text" class="js_input"><div class="fuzhi js_fuzhi">复制</div></div>
    <div class="box js_box">

    </div>
</div>

</body>
<script>
    $(function(){
        $('.js_fuzhi').on('click',function(){
            var t = $('.js_input').val();
            $('.js_box').html(copyHtml($('.js_box_head ul').html(), t));
        });
    });
function copyHtml(str, num){
    var arr = [];
    for(var i = 0; i < num; i++){
        arr.push(str);
    }
    return arr.join('');
}
</script>
</html>

怎么复制内容！！！

相关推荐