Question

我有一张图像地图，其中美国有21个州，每个州都是一个单独的区域。例如：

<area class="region" shape="poly" coords="66,8,138,27,126,80,103,73" alt="WA">
<area class="region2" shape="poly" coords="60,15,108,87,26,120,100,53" alt="CA">

现在我设置它以便每个州的区域都拥有它自己的类，当点击时，打开一个div（下面的例子中的.wa或.ca），其中包含该状态的信息。

$('.region').click(function(){
    $('.wa').show("scale", 350);
});

$('.region2').click(function(){
    $('.ca').show("scale", 350);
});

但这需要重复很多代码。我想要做的是将图像映射区域的alt属性与（＆＃34; bind＆＃34;？）结合到类中，这样我就不必为每个州的区域重复jQuery代码了。图像地图。

伪代码： 点击后，区域类+＆＃34; alt＆＃34; - ＆GT;打开与新类匹配的div。

换句话说

.region（该类）+ WA（alt） - ＆gt; .regionWA会用类.regionWA打开div。

Answer 1

你可以做这样的事情

$('.region').click(function() {
    var state = $(this).attr('alt');
    $('.region' + state).show('scale', 350);
});

如何将图像映射区域类与alt属性组合起来创建新类

1 个答案: