javascript - 按属性更改光标

Question

我有点陷入以下困境。在我的网站上，我有一个下拉菜单。导致下拉菜单折叠的主要元素不可点击。但是，我想将该元素的光标更改为正常，但要确保下拉菜单仍然具有“手”光标。

HTML 将是:

<ul> 
  <li>
    <a href="nice.php">Normal item<a/>
  </li> 
  <li>
    <a href="#">Dropdown initator</a> 
    <ul>
      <li><a href="droppage.php>Dropdown item</a></li>
    </ul> 
  </li> 
 </ul>

因此带有 href="#"的链接应该有非链接游标；其他人应该有光标:“指针”。

试过 JS 但它不起作用，它使下拉项的光标也是错误的:

$('ul li').hover(function() {
   if($(this).find("a").attr("href") === "#"){
      $(this).css('cursor','e-resize');
      $(this).find("a").css('cursor', 'e-resize');
      $(this).find("ul li").css('cursor', 'pointer');
    }
});

它应该没有任何区别，但该页面实际上是 wordpress 安装的一部分。

非常感谢任何帮助!

Answer 1

只需使用 CSS。

a[href='#']{
    cursor: e-resize;   
}

演示:http://jsfiddle.net/XnNUt/