0

私のhtmlには一意の領域がありhref='#cha'、chaは一意で、領域ごとに異なります。私は自分のjsでクリックして領域を取得する必要があります.私はすでにこのユニークな値を持っています. valueRegionSelect には、クリック時の一意の値が含まれています (変更はクリックに依存します。たとえば、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" />

これはすべての領域を取得しますが、選択した一意の要素を持つ領域は 1 つだけ必要です:

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

私はjsの同じ関数でそれを使用します:

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

助けてくれてありがとう！

4

2 に答える 2

1

<area>特定の を探している場合はhref、属性セレクターを使用します。

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

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

( http://api.jquery.com/attribute-equals-selector/ )

于 2013-04-12T07:40:08.420 に答える