有一個帶有標題和標題箭頭（向下/向上）的表格。
<th><div>
<div class='column-name'>Col1</div>
<div class='arrows'>
<div class="i-con-arrow-down"></div>
<div class="i-con-arrow-up"></div>
</div>
</div></th>
<th><div>
<div class='column-name'>Col2</div>
<div class='arrows'>
<div class="i-con-arrow-down"></div>
<div class="i-con-arrow-up"></div>
</div>
</div></th>
<th><div>
<div class='column-name'>Col3</div>
<div class='arrows'>
<div class="i-con-arrow-down"></div>
<div class="i-con-arrow-up"></div>
</div>
</div></th>
我希望在單擊箭頭時添加該類，并在其他箭頭中將其洗掉。我寫了這樣一個單擊處理程式（用于向下箭頭），我如何確保從所有其他箭頭中洗掉該類？謝謝。打破了父母和兄弟姐妹的不同評論，但沒有任何效果。
$('body').on('click', '.i-con-arrow-down', function() {
$(this).addClass('text-primary').siblings().removeClass('text-primary');
});
uj5u.com熱心網友回復：
如果我正確理解你的問題，那應該是一個有效的代碼。
$('body').on('click', '.i-con-arrow-down, .i-con-arrow-up', function() {
$('.text-primary').removeClass('text-primary');
$(this).addClass('text-primary');
});.i-con-arrow-down, .i-con-arrow-up {
background: black;
padding:20px;
margin: 20px;
}
.text-primary {
background: red;
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<th><div>
<div class='column-name'>Col1</div>
<div class='arrows'>
<div class="i-con-arrow-down"></div>
<div class="i-con-arrow-up"></div>
</div>
</div></th>
<th><div>
<div class='column-name'>Col2</div>
<div class='arrows'>
<div class="i-con-arrow-down"></div>
<div class="i-con-arrow-up"></div>
</div>
</div></th>
<th><div>
<div class='column-name'>Col3</div>
<div class='arrows'>
<div class="i-con-arrow-down"></div>
<div class="i-con-arrow-up"></div>
</div>
</div></th>轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/334933.html
標籤：javascript 查询
上一篇：如何通過按鈕復制卡片中的物件