使用 jQuery 将哈希附加到 iframe src

Question

单击 link 后，我需要将散列 #play 附加到 iframe 元素的 src 属性。

这是我目前尝试过的：

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

这是我要在单击时将 #play 添加到 src 属性的 link：<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');

Append hash to iframe src with jQuery