使用jQuery向iframe src追加散列

Question

一旦單擊鏈接，我需要在iframe元素上的src屬性上追加散列#play。

這是我迄今爲止嘗試：

$(".portfolio-link").click(function() { 
    $('.first').append(.attr('src', '#play')); 
}); 

這裏是我想補充#play到src屬性上點擊鏈接：<a href="#portfolioModal1" class="portfolio-link" data-toggle="modal"></a>

這裏是iframe元素：<iframe class="first" src="http://my.iframe.url" width="160" height="600" frameborder="0"></iframe>

我該如何使用jQuery來完成這項工作？

Answer 1

你可以做幾種方法。首先，你可以在src保存爲一個變量和使用：

var myUrl = $('.first').attr('src'); 
$('.first').attr('src', myUrl + "#play"); 

，或者你可以做到這一切在一個單一的步驟：

$('.first').attr('src', $('.first').attr('src')+"#play"); 

要麼應該工作。

Answer 2

var currentSrc = $('iframe.first').attr('src'); 
$('iframe.first').attr('src', currentSrc + '#play');