如何更改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并向其添加动态内容

回答

相关问题