jquery - 単一のセレクターで複数のアクションを実行する必要がある

Question

ケース ：

選択したもののcssを操作して「選択した効果」を適用するリスト項目があります。たとえば、指定された li がクリックされると、次のコードが実行されます。

    $(document).on( 'click', 'li', function (){      
    $('li').removeClass('selected');
      $(this).addClass('selected');
});

しかし、li では、li 内に別のリンクがあるため、他のアクションを実行する必要があります。

<li class="selected"><a href="#"><span class="items">Item 1</span></a><a href="#"><span class="edit">edit</span></a></li>

私の質問 ：

他のリンク (上記の「編集」など) をクリックしたときにクリック機能を呼び出さないようにするにはどうすればよいですか? 私の意図はliを選択することではないので..

私はクリック機能の中に考えました.編集リンクがクリックされなかったときの「if式」を入れて、次に進むことができます..

しかし、もっと良い方法があれば探します..