Jquery:查找类名存储在变量中的元素

Question

(编辑了更多详细信息，以防其他人有类似的问题)

我有一个图像映射，需要在热点翻转时显示一个 div。我已经在图像映射类上给出了我的区域，并使用 jQuery 想要显示它相应的 div，例如，

area shape="rect"coords="601,31,723,107"href="#"alt="Some Location"class="some-location"

每个区域都有不同的位置，因此有不同的类名。

我不确定如何引用其类名存储在变量中的元素？例如，我当前必须在将鼠标悬停在图像 map 上的某个区域上时获取类名称的代码是:


var 热点 = $(this).attr("class");


现在我想做这样的事情:


$(div.hotspot).show();


上面的方法不起作用 - 有人能指出我正确的方向吗？

Answer 1

使用字符串连接:

$("div." + hotspot)

显然，这仅在 hotspot 仅包含一个类时才有效(请参阅 Reigel 的评论)。如果它包含更多类，则必须用点替换空格:

$("div." + hotspot.replace(' ', '.'))

(假设类名之间的多个空格会自动修剪，但我不确定这一点，否则您必须使用正则表达式 /\s+/)