通过HREF查询<area />标记

Question

我想在DOM中获取一个元素，我想要一个特定的标签，我正在查询某个href。

<map name='image-map'>
    <area target='' alt='' title='' href='#loc=sf1d1' coords='242,50,262,67' shape='rect'>

我正在使用jQuery来抓取选择器：

var location = '#loc=sf1d1'
var linkToDesk = document.querySelector('area[href='+location+']');

我看到的错误是：

  

无法在'Document'上执行'querySelector'：   'area [href =＃loc = sf1d1]'不是有效的选择器。

Answer 1

试试这个：

<map name='image-map'>
     <area target='' alt='' title='' href='#loc=sf1d1' coords='242,50,262,67' shape='rect'>
</map>

的Javascript

var location = '#loc=sf1d1';
var linkToDesk = document.querySelector('area[href="'+location+'"]');
console.log(linkToDesk);

Answer 2

你需要使用location.replace('=','\\=')来转义某些字符，这些字符可能是jquery $ method

的有效字面值的所有字符