jQueryを使用せずにクリックするとdivをスキップする方法 - javascript、jquery、html

私はこのようにいくつかのHTMLコンテンツを持っています：

<section id="slider" class="slider-parallax">
<div class="Iwanttoskipitforbeingclick"></div>
</section>

だから、私はスライダー視差クラスをクリックしたときにいくつかのイベントが発生しますが、クリッククラスをクリックするためにこれらのイベントを停止したいと思います。

そのため、ユーザーがクリッククラスのIwanttoskipitをクリックしたときにスライダー視差クラスのイベントが発生しません。

私はnot jquery関数を使用しようとしていますが、まだ運はありません。

ここに私のコードです：

$(".slider-parallax").on("click", function () {
$("#backgroundImgModal").modal("show");
//but when user will click on Iwanttoskipitforbeingclick div that is inside the slider-parallax div so it will not fire onclick event.
});

回答：

クリック階層を作成するのに最適な方法ではありませんが、次のような方法でこれを実行できます。

$(".slider-parallax").on("click", function(event) {
if( $(event.target).hasClass("Iwanttoskipitforbeingclick")) {
//do content clicker here
}
else {
//do default wrapper click here
}
});