javascript - 在变量 jquery 中使用选择器

Question

我必须制作类似 this 的功能单击链接时，它将在弹出的框中显示产品详细信息 这是使用了一个我不明白的大jquery代码

这是我的 jsfiddle 我正在尝试提供一些具有不同 #tags 的相同类链接来显示 div 我希望当我单击链接时它会解析相同的 href 值并显示相应的结果，但它不起作用 有人可以建议正确的方法吗 这是我的 JS

$(".show").click(function() {
    var link = $('this').attr('href');
  $(link).show();

});

和 html

<a href="#popup" id="show" class="show">a</a>
<a href="#popup1" id="show1" class="show">b</a>
<a href="#popup2" id="show2" class="show">c</a>

我想在 anchor 点击时显示#popup

fiddle 上的完整代码我想要 this functionality

Answer 1

您应该调用$(this)，而不是$('this')

• $(this) 将 this 引用的对象包装在 jQuery 对象内，
• $('this') 将遍历所有文档，查找标记为 this 的 html 节点(非常类似于 $('div') 将查找标记为 div 的 html 节点)；由于没有任何节点，它将选择一个空的节点列表。

工作 fiddle :http://jsfiddle.net/Hg4zp/3/

(还有一个拼写错误，调用了 .hide(") 而不是 .hide() )