2014-11-06 5 views
0

Мой HTMLJQuery нажмите DIV внутри тега

<ul class="hotels-list clearfix"> 
    <li class="hotels-list-item clearfix"> 
     <a href=""> 
       <div class="btn-forward forward"></div> 
       <div class="btn-back back"></div> 
     </a> 
     </li> 
</ul> 

Есть ли способ, чтобы нажать div внутри a тега без щелчка на материнской a тега?

Я пытался использовать код, но он Поставка жидкостных хроматографов не работает

$back = $(this).find('a.back'), 
$forward = $(this).find('a.forward'); 

$back.click(function (e) { 
        e.stopPropagation(); 
        e.preventDefault(); 
        return gotoPage(currentPage - 1); 
       }); 

       $forward.click(function (e) { 
        e.stopPropagation(); 
        e.preventDefault(); 
        return gotoPage(currentPage + 1); 
       }); 
+2

Это семантически некорректно, чтобы вставить div в якорный тег. – wvdz

+0

Вы не можете найти 'a.back' в этом коде, потому что это не' 'это' div' !! Просто попробуйте найти '.back' и' .forward' .. – Refilon

ответ

1

ваш селектор неправильны, используйте

$back = $(this).find('a .back'), 
$forward = $(this).find('a .forward'); 
+0

Вот что я сказал также, но okay;) +1 – Refilon

+0

ваш комментарий не появлялся, когда я публиковал, извините ^^ – ekans

+0

haha ​​no problem;) – Refilon

1
<ul class="hotels-list clearfix"> 
    <li class="hotels-list-item clearfix"> 
       <div class="btn-forward forward"></div> 
       <div class="btn-back back"></div> 
     </li> 
</ul> 

$back = $(this).find('.back'), 
$forward = $(this).find('.forward'); 

$back.click(function (e) { 
    e.stopPropagation(); 
    e.preventDefault(); 
    return gotoPage(currentPage - 1); 
}); 

$forward.click(function (e) { 
    e.stopPropagation(); 
    e.preventDefault(); 
    return gotoPage(currentPage + 1); 
}); 

Это своего рода резюме всех комментариев :)

Смежные вопросы