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() )