Mouse hover element in jquery

Question

I have html code like this:

<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>

I would like to change cursor when mouse hover this element, show pointer if <span class="tree-title"> constainse a href and default, if no.

is the container <span class="tree-title"> dynamic? I mean that sometime it contains <a> inside and sometimes not? — Ilia Ross
– Ilia Ross, Commented Aug 21, 2012 at 10:02

Adi · Accepted Answer · 2012-08-21 10:11:54Z

3

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

Here's a demo

edited Aug 21, 2012 at 10:11

answered Aug 21, 2012 at 9:55

Adi

5,1796 gold badges35 silver badges48 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Flater Over a year ago

It took me ten seconds to figure out why you weren't using :hover. My bad. @revolutionkpi: you can't get any better than this answer. +1

revolutionkpi Over a year ago

I know that I shoude use this property, tahnks, but I is a bit difficult to select this element

revolutionkpi Over a year ago

It doesn't select element for which I will use this property. I try: $("span.tree-title").on('hover', function() { alert($(this).html());

revolutionkpi Over a year ago

I add this content dynamicaly. so the question is how to select and then change this property

Collectives™ on Stack Overflow

Mouse hover element in jquery

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related