0

我的页面中有一个图像映射：

<div id="books">
  <img src="images/books.png" width="330" height="298" border="0" \
   usemap="#map_books" />
  <map name="map_books" id="map_books" alt="books">
    <area shape="poly" coords="17,73,81,288,210,248,254,264, ..." \ 
     href="/about" alt="books" />
  </map>
</div>

我有一个函数尝试使用此地图在文档中查找图像：

function(elemId) { // elemId = "#map_books"

  if ($(elemId).attr("tagName") == "MAP") {
    // find image using this map
    var selector = "img [usemap=\\" + elemId + "]"; 
    var img = $(selector);

    if (img.length == 0) {
      console.log("Could not find image using " + selector);
    }
}

它无法找到图像。

Could not find image using img [usemap=\#map_books]

我已经逃脱了，elemId因为它以哈希开头并尝试了选择器的变体。

$("img [usemap$=" + elemId.substring(1) + "]")
$("img").find("[usemap=\\" + elemId + "]")

也找不到图。有任何想法吗？

4

3 回答 3

2

img和之间有一个空格[usemap=\#map_books]。

这会导致尝试将 的子元素与设置为img的属性匹配。usemap#map_books

你应该使用：

var selector = "img[usemap=\\" + elemId + "]";
于 2010-03-28T16:34:52.323 回答
1

尝试引用 usemap 值的变体：

$("img[usemap='#whatever']");
$('img[usemap="#whatever"]');
于 2010-03-28T16:32:03.150 回答
0 
function(elemId) { // elemId = "#map_books"

    if ($('map'+elemId).length) {
        // find image using this map
        var selector = "img[usemap=\\" + elemId + "]"; 
        var img = $(selector);

        if (img.length == 0) {
            console.log("Could not find image using " + selector);
        }
    }
}

你在 img 和 [] 之间有一个额外的空间来获取 img 的属性。

于 2010-03-28T16:36:16.813 回答