從DOM元素動態填充共享按鈕

我想創建一個獨立的共享按鈕 - 我想通過視頻鏈接填充共享窗口。我需要動態地做到這一點，因爲鏈接變化 - 我可以通過在下面的HTML代碼片段中定位「selected」類來做到這一點嗎？它現在根據示例共享該網站，如何將網站位置更改爲視頻鏈接？從DOM元素動態填充共享按鈕

按鈕：

<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)

來源

2016-07-14 Jerry Svensson

您可以使用類似 $(".cboxElement").attr("href", "youLinkGoesHere")

UPDATE：答案的完整版本可以在這裏找到http://jsfiddle.net/y70zrm2s/3/

來源

2016-07-14 11:54:15 tratto

不知道如果我關注。我需要動態獲取href鏈接，然後替換https://example.com鏈接 –

$（「.cboxElement」）。attr（「href」）。replace（'example.com'，'yourLink'） – tratto

hm ，奇怪的是，上面沒有工作，但接下來做$（'。link'）。each（function（）{this.href = this.href.replace（'example.com'，'yourLink'）;}）; – tratto

從DOM元素動態填充共享按鈕

回答

相關問題