jQuery 是一款優秀的 JavaScript 函數庫,用于簡化 DOM 操作以及其他常用任務。它能夠方便地獲取元素的屬性、文本內容等信息,為用戶提供了非常大的便利。本文將介紹如何使用 jQuery 獲取表格中 td 元素的內容。
// HTML 代碼如下 <table> <tr> <td>Apple</td> <td>1900</td> <td>美國</td> </tr> <tr> <td>Samsung</td> <td>1938</td> <td>韓國</td> </tr> <tr> <td>Huawei</td> <td>1987</td> <td>中國</td> </tr> </table> // jQuery 代碼如下 $(document).ready(function(){ $('tr').click(function(){ var td_contents = $(this).children('td').map(function(){ return $(this).text(); }).get(); console.log(td_contents); }); });
上文中的代碼是一個簡單的示例,表格中有三個 tr 元素,每個 tr 中都包含三個 td 元素。當我們點擊表格的某一行時,JavaScript 將會獲取該行中所有 td 元素的內容并打印到控制臺。此例中的 $(this).children('td') 表示獲取當前行中的所有 td 元素,函數 map() 的作用是將 JavaScript 中的數組進行轉換,返回所有 td 元素的文本內容。
通過這個示例,我們可以看到 jQuery 獲取 td 元素內容的方法非常方便和高效。如果您不熟悉 jQuery,學習它的語法和使用方法是非常有價值的,能夠極大地提高您的 Web 開發效率。