Javascript Div悬停指针

我有

div2（高度20px垂直对齐中心）

内部

div1（100px）

和带有锚定标签的div2

悬停在

div1

上时，我显示的是指针，但也希望单击

div1

区域中的任何位置，它应该导航到锚定标记url。请参考图片了解更多详细信息

.test:悬停{
光标：指针；
光标：手；
}

---

假设您的div id是

div1

和

div2

，下面是一个解决方案

$('#div1').on('click',function(){
  $(this).find('a').trigger('click');
});

脚本将向

div1

附加一个

click

事件，当任何用户单击此div时，它会找到

a

标记，其中包含

$（this）。find（'a'）

，并在该锚定标记上触发一个click事件

试试下面的方法

$(div1).on("click",function(){
   window.location = $(this).find("a").attr("href"); 
});

---

这只是一个解决办法。

如果外部“div”的行为应该像锚一样，只需按如下方式重新排列元素：

<a href="myAnchor.tld">
  <div id="div1">
    <div id="div2"></div>
  </div>
</a>

---

如果您的标记可以简单地按照实际工作方式进行结构化，那么您就不必乱搞jQuery。

您还可以增加锚定标记（有几种方法/方法）

.test{
背景色：红色；
}
.测试a{
光标：手；
背景颜色：蓝色；
显示：块；
线高：100px；
}

请在问题页面标题中发布您的实际HTML和CSS，以及您为解决此问题而编写的代码。测试：hover{cursor:pointer；cursor:hand；}“target=“\u blank”Title=“此链接在新窗口中打开”style=“color:#2e3940；文字装饰：首字母；“>Pawan Kotak@Rorymcrossan我已附上代码谢谢。以后，请在您的问题中使用

编辑
按钮，以便正确格式化代码。我在本节中为您完成了此操作case@RoryMcCrossan非常感谢。我尝试了你的解决方案，但在我的例子中，锚定标记中也出现了一些多行文本，这就产生了问题m、 Thanks当我点击anchor tag时，多次事件被触发一次为div，一次为anchor tag。如何避免多次触发事件even@pawankotak您可以执行
event.stopimmediatepropagation（）
，这将停止事件冒泡。。