如何在链接上单击jquery更改NEXT iFrame src

Question

我想在点击一个类定位的链接时更改下一个iframe的src。

html结构是

<a class="link"></a>
<div>
   <iframe></iframe>
</div>

我将在页面上有多个这样的内容，所以我想确保它使用类和.next（），以便它可以在实例上的任何内容上工作。

我有这个

$('.showLink').click(function(e){
    $(this).next('iframe').attr("src", "LINK GOES HERE");
});

Answer 1

sibling元素不是a的{​​{1}}，因此next不会以这种方式运作。您需要使用next()来获取div，然后find中的iframe：

$('.showLink').click(function(e){
    $(this).next('div').find('iframe').attr("src", "LINK GOES HERE");
});

Example fiddle

Answer 2

您的选择器存在问题，因为该链接旁边的元素不是iframe，而是包含div的{​​{1}}。

如果iframe就在链接的旁边，

$(this).next('iframe')就会有效。

您应该将其用作选择器：iframe

Answer 3

$('.showLink').click(function(e){
   $(this).closest('iframe').attr("src", "LINK GOES HERE");
});