当你点击任何一个元素时,它会添加一个disabled类到该元素上,从而通过CSS使整行变为不可点击(即不可用状态)。pointer-events: none;属性确保了用户不能与表格行中的任何元素互动,包括点击。
<table><tr class="row"><td>行1 - 列1</td><td>行1 - 列2</td></tr><tr class="row"><td>行2 - 列1</td><td>行2 - 列2</td></tr>
</table>
.disabled {opacity: 0.5;pointer-events: none;
}
$(document).ready(function() {$('.row').click(function() {$(this).addClass('disabled');});
});