通過 jQuery 選中一整行是一個比較常見的需求,特別是在表格或列表中。他可以讓用戶更方便地選擇或處理信息。下面的代碼將向您展示如何使用 jQuery 選中一整行。
$(function() { $('table tr').click(function() { $('table tr').removeClass('selected'); $(this).addClass('selected'); }); });
代碼解釋:
- 首先,通過選擇器選中表格中所有的行 (tr) 。
- 接著用 click() 方法在每個行上綁定一個點擊事件。
- 當用戶單擊一行時,我們首先使用 removeClass() 方法從所有行中刪除 selected 類。
- 然后我們使用 addClass() 方法來將 selected 類添加到被單擊的行中。
現在我們已經選中了一整行,我們可以對其中的元素做其他操作,比如高亮顯示、刪除等。
總結一下,通過 jQuery 選中一整行是非常容易的,只需要使用 addClass() 和 removeClass() 方法即可。使用這個方法可以幫助您更好地處理信息和提高用戶體驗。