jQuery 是一個常用的 JavaScript 庫,可以幫助開發者更加便捷地操作 DOM 樹。其中,選擇 td 元素里的 text 內容是一個常見的需求。可以使用 jQuery 中的 .text() 方法來輕松實現。
// HTML 代碼 <table> <tr> <td>第一個單元格</td> <td>第二個單元格</td> <td>第三個單元格</td> </tr> </table> // jQuery 代碼 $('td').each(function() { console.log($(this).text()); });
上述代碼展示了如何選擇 td 元素,然后使用 .text() 方法獲取每個 td 元素的文本內容,并輸出到控制臺。
如果需要選擇指定的 td 元素,可以在選擇器中添加對應的類名或 ID。
// HTML 代碼 <table> <tr> <td class="first-cell">第一個單元格</td> <td id="second-cell">第二個單元格</td> <td>第三個單元格</td> </tr> </table> // jQuery 代碼 console.log($('.first-cell').text()); // 輸出:"第一個單元格" console.log($('#second-cell').text()); // 輸出:"第二個單元格"
以上代碼展示了如何使用類名或 ID 來選擇 td 元素,并獲取指定 td 元素的文本內容。
綜上所述,通過使用 jQuery 的 .text() 方法,可以輕松地獲取 td 元素內的文本內容,進而實現更加便捷的 DOM 操作。
上一篇css底線對齊