Inserindo Iframes por JavaScript

André Ciappina · Março 21, 2018

Bom, basicamente: existem vários botões, e quando clicados um iframe específico deste botão é inserido no html.

function prepareFrame() {
var ifrm = document.createElement("iframe");
ifrm.setAttribute("src", linkYoutube);

/*estilos do iframe*/
espaco_iframe.html(ifrm); /*insere o iframe em forma de html */
}
var espaco_iframe = $('.div_planilhas_youtube')
var linkYoutube = $('.div_planilhas_youtube').data('href'); /*busca no html o data_href específico daquele botão, pra usar como URL do iframe*/

$('#tabela_funcoes tr td').click(function() { /*disparando o função pelo clique*/
prepareFrame(this);
})

O ÚNICO problema está sendo:

Os vídeos abrem com o clique, mas a função continua a usar somente o primeiro data_href correspondente.

Aí o vídeo acaba sendo o mesmo pra todos os botões.

Já tentei:
function(this)
this prepareFrame()
prepareFrame() this
prepareFrame(this)

tô começando a ficar desesperado adnodkspnpkasda

Muito obrigado a quem se dispor!