从DOM元素动态填充共享按钮

时间:2016-07-14 11:50:44

标签: javascript jquery html

我想创建一个独立的共享按钮 - 我想用视频链接填充共享窗口。我需要动态地执行此操作,因为链接更改 - 我可以通过定位"选择"来以某种方式执行此操作下面的HTML代码段上的类?它现在按照示例共享站点,如何将站点位置更改为视频链接?

按钮:

<a class="faceshare" href="http://www.facebook.com/sharer.php?u=https://example.com" target="_blank">

HTML:

<li class="feed-item selected"><div class="thumbnail-excerpt wprss-feed-thumbnail">
 <a class="colorbox cboxElement" href="http://www.youtube.com/embed/Bj_N5o_-P_A"><img src="wp-content/uploads/cache/remote/i3-ytimg-com/3718811643.jpg" height="280" width="280">
 </a><
</li>

这是我到目前为止最接近的 - 它显示我的链接在控制台中发生了变化,但在DOM中没有变化。

控制台中的结果是

"http://www.facebook.com/sharer.php?u=http://www.youtube.com/embed/Bj_N5o_-P_A"

脚本

var link = jQuery('li.feed-item.selected a.colorbox.cboxElement').attr('href');
jQuery('a.faceshare').attr("href").replace('https://example.com', link) 

1 个答案:

答案 0 :(得分:3)

你可以使用类似的东西 $(".cboxElement").attr("href", "youLinkGoesHere")

更新: 此处提供了完整版本的答案http://jsfiddle.net/y70zrm2s/3/