在变量jquery中使用选择器

我必须在点击链接时制作这样的function，它会在弹出框中显示产品详细信息，这是使用一个大的jquery代码，我不明白

这里是我的jsfiddle我试图给一些链接相同的类与不同的#tags显示div我希望当我点击链接它解析相同的href值并显示相应的结果，但它没有工作可以有人建议正确的方法是我的JS

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

和HTML

 a b c 

我想在锚点击时显示#popup

小提琴上的完整代码，我想要这个function

Answer 1

你应该拨打$(this) ，而不是$('this')

• $(this)将jQuery对象中引用的对象包装起来，
• $('this')将遍历您的所有文档，寻找标记this html节点（很像$('div')将查找标记为div html节点）; 由于没有，它将选择一个空的节点列表。

工作小提琴： http ： //jsfiddle.net/Hg4zp/3/

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

Answer 2

试试这种方式：

 $(".show").click(function (e) { //<-----pass the event here e.preventDefault(); //<--------------stop the default behavior of the link var link = $(this).attr('href'); //<-remove the quotes $(this) $(link).show(); }); $(".close").click(function () { $(this).closest("div.popupbox").hide(); //<----use .hide(); not .hide("); }); 

在这些情况下，您应该使用preventDefault()来停止单击链接时发生的跳转。