如何更改div的html並向其添加動態內容

我有一個滑塊用於處理從該幻燈片抓取數據的圖像和變量集。該數據被我操縱以創建某些功能。如何更改div的html並向其添加動態內容

我目前有一組圖片在我的身體頁面上移動（滑塊）我有一個社交欄，總是在頁面的右側。

我想要做的是每次使用滑塊提供的回調函數更改幻燈片時，抓取數據並更改URL和社交按鈕內的文本。這裏是我的代碼：

這是我所有的社交按鈕得到補充：

<div class="socialbar-vertical"> 
<div id="socio-box"> 
<div id="twit"></div> 
    <div id="facebook" data-url="http://sharrre.com/" data-text="Make your sharing widget with Sharrre (jQuery Plugin)"></div> 
    <div id="googleplus" data-url="http://sharrre.com/" data-text="Make your sharing widget with Sharrre (jQuery Plugin)"></div> 
</div> 
</div>

目前，這是我的所有改變一個div的內容，但它總是使用第一個點擊的div ：

$('#twit').html('<div id="twitter" data-url="'+content+'" data-text="'+textContent+'"></div>');

我想要做的就是每當幻燈片更改時不斷更改該div的attr's。

我在這裏做了一件完全錯誤的事情，還是錯過了一個訣竅？

來源

2013-07-16 M dunbavan

ID在上下文頁面上必須是唯一的，看起來像你在這裏使用一些重複的ID，所以不能按預期工作 –

肯定會替換內容不會影響它！ –

不會影響什麼？我的意思是，如果你有多個ID爲'twit'的元素，這行只能用於第一個元素：'$（'＃twit'）。html（...）'但是我不知道什麼是'$ tmbContainerT'我只是在這裏推測 –

a。）爲什麼不在替換div之前存儲＃twit.attr，然後在替換後分配值。

//Make a copy of all attributes of #twit 
//TODO Replace #twit 
//TODO set all attributes to the new #twit

b）另一種方法是停止完全替換#twitter，而不是重新使用它（包括它的子項）。可能會減少資源消耗。

來源

2013-07-16 14:38:18 Dennis

上添加了'$ tmbContainerT'以上的內容我不確定完全如何工作！可以每次都替換attr（'data-url'），還是替換該div中的所有attr？ –

這是一個將所有「attr」從一個html元素複製到另一個元素的解決方案。 http://stackoverflow.com/questions/6753362/jquery-how-to-copy-all-the-attributes-of-one-element-and-apply-them-to-another – Dennis

如何更改div的html並向其添加動態內容

回答

相關問題