Javascript jquery中的鼠标悬停元素

我有如下html代码：

<div class="tree-node" node-id="71408acd-931e-42c8-98fa-393271006cf9" style="cursor: pointer;">
<span class="tree-hit tree-collapsed"></span>
<span class="tree-icon tree-folder icon-hospital"></span>
<span class="tree-checkbox tree-checkbox1"></span>
<span class="tree-title">
<a href="/Structure/EditHospital/71408acd-931e-42c8-98fa-393271006cf9">Hospital1</a>
(1/1)
</span>
</div>

(1/1)

我想在鼠标悬停此元素时更改光标，如果

constainse

a href

则显示

指针

，如果否则显示

默认值

$('.tree-title').each(function () {
   if ($(this).find('a[href]').length) {
      $(this).css('cursor', 'pointer');
   }
});

这里有一个

---

这是一个

我花了十秒钟才弄明白为什么你没有使用

：hover

。我的错@你没有比这个答案更好的了+1我知道我应该使用这个属性，但选择这个元素有点困难。它没有选择我将使用这个属性的元素。我尝试：$（.span.tree title”）.on（'hover'，function（）{alert（$（this.html（））；我动态添加了此内容。所以问题是如何选择并更改此属性。我花了十秒钟的时间才弄清楚您为什么不使用

：hover

。我的错。@revolutionkpi：您得到的答案再好不过了。+1我知道我应该使用此属性，tahnks，但我选择此元素有点困难。它没有选择要使用此属性的元素。我尝试：$（.span.tree title”）.on（'hover'，function（）{alert（$（this.html（））；我动态添加了此内容。因此问题是如何选择并更改此属性。容器是动态的吗？我的意思是，有时它包含

，有时不包含？容器是动态的吗？我的意思是，有时它包含

，有时不包含？