我想弄清楚如何在元素本身內單擊時刪除父類上的類。以下面的代碼爲例。我有一個on-click
事件,它在父元素或列表元素上添加一個類。現在,如果我在該元素中創建了一個單擊事件以刪除父項,它將不起作用,因爲它位於父元素內。當從元素內部單擊時從父元素中刪除類
JavaScript會假設我點擊了一個父項,但實際上是在父元素內部單擊了一些內容。
$('ul li').on('click', function() {
$(this).addClass('parent-class')
})
$('ul li span').on('click', function() {
$('ul li').removeClass('parent-class')
})
ul li {
position : absolute;
cursor : pointer;
}
ul li span {
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
<li> Parent <br/>
<span class="remove-parent-class">
Remove Parent Class
</span>
</li>
</ul>