Удалить ссылку из внутреннего тега div?

Question

Я использую один jquery для показа советов. Он создает тег DIV внутри тега. Например ...

<a href="mypage.html">Title</a>

При наведении становится ..

<a href="mypage.html">Title <div class="tooltip">My text....</div></a>

Отлично работает. Но «Мой текст ....» - это интерактивная ссылка (потому что она внутри A> HREF). Есть ли способ сделать его недоступным для клика, не удаляя его из тега A?

Answer 1

Вы можете прикрепить обработчик к вашему и затем проверить цель, которая сгенерировала событие, если это div, просто вернуть false

$('a').click(function(e){
   if($(e.target).hasClass('tooltip')){
      return false;
   }
});

fiddle здесь http://jsfiddle.net/FfVWv/

Answer 2

Нет, нет.

В любом случае не следует помещать тег div внутри тега привязки, так как он взрывается в браузерах, которые не поддерживают HTML 5.