Question

我的html中有一些区域，它们具有唯一的href='#cha'，cha是唯一的，并且对于每个区域都是不同的。我需要在我的js中点击抓取区域，我已经有了这个独特的价值。 valueRegionSelect包含我在click上的唯一值（它的更改取决于我的点击，例如klu，chu，ada等）。

html部分与我的区域：

<div class="b-map">

    <div class="b-map__city"></div>

    <div class="b-map__item">
        <img class="mapImage" src="/images/map-light.png" width="701" height="408" border="0" usemap="#map" />

        <map name="map">
            <area shape="poly" coords="615,0,554,20,548,87,558," title="<?php echo isset($this->region['chu']) ? $this->region['chu']['r_name'] : "region name for  chu" ?>" href="#chu" />
            <area shape="poly" coords="47,237,63,237,67,246,48,248" title="<?php echo isset($this->region['klu']) ? $this->region['klu']['r_name'] : "region name for  klu" ?>" href="#klu" />

这个抓住所有区域，但我只需要一个区域选择唯一元素：

$mapItem = $('.b-map__item area');

我在js中使用相同的函数：

coords = $mapItem.attr('coords').split(','),

感谢您的帮助！

Answer 1

如果您正在寻找具有特定<area>的{{1}}，请使用属性选择器：

href

http://api.jquery.com/category/selectors/attribute-selectors/

（http://api.jquery.com/attribute-equals-selector/）

Answer 2

如果我找到你，那么这应该有效

var areaHref = ('#yourselectId').val();
$mapItem = $('.b-map__item').find('area[href="#'+areaHref+'"]'); ;

抓住一个元素而不是全部

2 个答案: