Добавить хэш в iframe src с jQuery

Question

Мне нужно добавить хеш #play к атрибуту src в элементе iframe после щелчка ссылки.

Вот что я пытался до сих пор:

$(".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

Вы могли бы сделать пару способов. первых, вы можете сохранить СРК в качестве переменной и использовать это:

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