jquery给td赋值
jQuery 给 td 赋值的方法
通过 text() 方法赋值纯文本
使用 text() 方法可以设置 <td> 元素的文本内容,HTML 标签会被转义为纯文本。
$("td").text("这是纯文本内容");
通过 html() 方法赋值带 HTML 的内容
如果需要赋值包含 HTML 标签的内容(如加粗、换行等),使用 html() 方法。
$("td").html("<strong>加粗文本</strong>");
通过属性选择器定位特定 td
若需为特定 <td> 赋值(如根据 class、id 或位置),可通过选择器精准定位。
$("td.target-class").text("指定类名的 td");
$("#td-id").html("指定 ID 的 td");
$("tr:eq(0) td:eq(1)").text("第一行第二列的 td"); // 索引从 0 开始
动态遍历赋值
结合 each() 方法遍历多个 <td> 并动态赋值。
$("td").each(function(index) {
$(this).text("第 " + (index + 1) + " 个单元格");
});
使用 attr() 或 data() 赋值属性
若需设置 <td> 的自定义属性(如 data-*),可使用以下方法。
$("td").attr("data-info", "自定义属性值"); // 标准属性
$("td").data("info", "jQuery data 存储"); // jQuery 的 data 方法
注意事项
- 确保 DOM 加载完成后执行操作,代码需放在
$(document).ready()或简写$(function() { ... })中。 - 若表格动态生成,需在元素存在后赋值,或使用事件委托。







