JQUERY, получить две привязки / клики, чтобы хорошо играть вместе?

Question

У меня есть следующая строка кода:

<li id="1" class=" ">
<a href="">Parking Lot</a>
<span id="1" class="list-edit">edit</span>
</li>

Затем у меня есть две привязки:

$("#lists li").click(function(){.......

$(".list-edit").click(function(){.........

Проблема, с которой я столкнулся, заключается в том, что мне нужен LI для хранения EDITspan из-за стилей CSS, у меня большой синий фон.Но это мешает мне связать EDIT BTN.Есть ли способ заставить этих двоих играть хорошо?

Thxs

Answer 1

Вы можете использовать event.stopPropagation, чтобы запретить обработчику кликов, прикрепленному к родительскому LI, при нажатии на диапазон редактирования (если вы это имеете в виду):

$(".list-edit").click(function(e){
    e.stopPropagation();
    // do stuff
});