Question

我想知道是否可以让jQuery查看div类中的一组链接，当点击其中一个链接时，该链接的src将加载到iframe中。

我认为它会像

$(function() {
$('.link_group a').on('click', function(){
   $('iframe#frameID').attr('src', $(this).attr);
});
});

编辑 - 我的jQuery现在看起来像这样

$(function() {
$('.link_group a').on('click', function(){
$('iframe#frameID').attr('src', $(this).prop('href'));
});
});

HTML

<div class="link_group">
<a href="Link 1.asp">Link 1</a>
<a href="Link 2.asp">Link 2</a>
<a href="Link 3.asp">Link 3</a>
<a href="Link 4.asp">Link 4</a>
</div>

但那肯定不起作用..

有人知道如何正确地做到这一点吗？

Answer 1

您必须将参数传递给attr()方法，并选择属性：

$(this).attr('href')

或者，最近在jQuery中：

$(this).prop('href');

此外，id在文档中是唯一的，因此除非您在其他页面中使用完全相同的脚本并在其他元素类型上使用id，否则指定iframe是多余的，并可能减慢你的选择器。

Answer 2

尝试：

$(this).attr("href")

或最好是在jQuery 1.6 +中：

$(this).prop("href")

而不是：

$(this).attr

使用jquery将链接src加载到iframe中

2 个答案: