Question

我有点似乎是一个复杂的问题（至少对我而言）

我有一个外部javascript文件为我生成html内容。这是推文。它为每个人提供了一个个人ID，我可以在浏览器中看到，但显然不在我的index.html中。

JS在浏览器http://i.imgur.com/8yxLYBa.png

中生成类似的内容

继承人生成的div

<div class="twitter-article" id="tw1"><div class="twitter-pic"><a href="https://twitter.com/jdrawsthings"><img src="https://pbs.twimg.com/profile_images/461533054800900097/5h4n1K31_normal.jpeg" twitter-feed-icon.png"="" width="42" height="42" alt="twitter icon"></a></div><div class="twitter-text"><p><span class="tweetprofilelink"><strong><a href="https://twitter.com/jdrawsthings">JGD</a></strong><br> <a href="https://twitter.com/jdrawsthings">@jdrawsthings</a></span></p><b><span class="tweet-time"><a href="https://twitter.com/jdrawsthings/status/462738657196376064"></a></span></b><a href="https://twitter.com/jdrawsthings/status/462738657196376064"><d>2h,&nbsp;&nbsp;Glasgow.&nbsp;&nbsp;&nbsp;&nbsp;Favorites:&nbsp;0&nbsp;&nbsp;Retweets:&nbsp;0</d></a><br><c>Literally desperate and just need to secure a nice room in a nice flat close to DJCAD so I can move in June 20th</c></div><div class="favourite-item" id="fav1"><button class="favouriteButton" id="favBut1"></button></div><div id="twitter-actions" style="opacity: 0; margin-top: -20px; display: none;"><div class="intent" id="intent-reply"><a href="https://twitter.com/intent/tweet?in_reply_to=462738657196376064" title="Reply"></a></div><div class="intent" id="intent-retweet"><a href="https://twitter.com/intent/retweet?tweet_id=462738657196376064" title="Retweet"></a></div><div class="intent" id="intent-fave"><a href="https://twitter.com/intent/favorite?tweet_id=462738657196376064" title="Favourite"></a></div></div></div>

每个人都有一个分配给它的按钮，每个按钮也有个人ID。我想使用克隆功能将'＃tw1'的内容复制到'#faveDiv'中。 #faveDiv在我的index.html页面上是一个div。

<div id="favouriteStreamHolder">
<div id="favouriteStream" style="display: none;">
<div id="faveDiv"></div>
</div>
</div>

这是我正在尝试的克隆功能

    $("input#favBut1").live( 'click', function(){


$('#faveDiv').html($('#tw1').html());
});

有很多事情依赖于PHP将它放入模拟器中无法实现任何目标。基本上，JS创建了这个。 i.imgur.com/8yxLYBa.png由25个推文组成的流，其中的js函数中创建的内容已从JSON文件中提取。我假设.clone（）函数应该复制div中的所有内容并将其复制到指定的div中。在这一刻。它什么都不做，div只是空的。对此有点新鲜，抱歉。如果您需要了解其他任何内容。说啊。知道为什么这不起作用吗？

Answer 1

试试这个（模式）

HTML

<div id="favouriteStreamHolder">
    <div id="favouriteStream">
        <div id="faveDiv"></div>
        <!-- 
         duplicate `favBut1` in `feedHTML`, 
         substitute `id` `feed` for `favBut1`
        -->
        <input type="button" id="feed" value="click" />
    </div>
</div>

JS

$(function () {
// var feedHTML = `$.parseHTML(feedHTML)`   
var feedHTML = $.parseHTML('<div class="twitter-article" id="tw1">..</div>');
    $(document).on("click", "#feed", function (e) {
        e.preventDefault();
        $(e.target).siblings("#faveDiv").html($(feedHTML));
    });
})

jsfiddle http://jsfiddle.net/guest271314/ReK9u/

克隆JS生成的DIV到非生成的DIV

1 个答案: