如何用jQuery获取锚标签数据值与href值并设置TD元素ID

嘿，别担心！作为jQuery新手遇到这种问题太正常了，我来一步步帮你搞定需求～

首先咱们明确目标：

• 获取每个.dataRow行里<a>标签的文本内容（比如88997755）和href属性值（比如123456）
• 将其中任一值设置为对应行第三个<td>元素的id属性

实现步骤与代码示例 #

首先要确保代码在DOM完全加载后执行，然后遍历每一行数据处理：

$(document).ready(function() {
  // 遍历所有数据行
  $('.dataRow').each(function() {
    // 定位当前行的目标锚标签
    const $anchor = $(this).find('.commentItem');
    
    // 获取锚标签的文本值（自动去除前后空格）
    const anchorText = $anchor.text().trim();
    // 提取href里的纯数字（去掉开头的斜杠）
    const hrefValue = $anchor.attr('href').replace('/', '');
    
    // 定位当前行需要设置id的第三个<td>元素
    const $targetTd = $(this).children().eq(2);
    
    // 这里选择用锚标签文本设置id，你也可以换成hrefValue
    $targetTd.attr('id', anchorText);
    // 如果想用href里的数值，替换成下面这行：
    // $targetTd.attr('id', hrefValue);
  });
});

代码关键点说明 #

• $(document).ready()：保证页面DOM加载完成后再执行代码，避免出现找不到元素的情况
• $('.dataRow').each()：循环遍历每一行数据，this代表当前循环的行元素
• $(this).find('.commentItem')：在当前行内精准定位锚标签，避免全局查找导致的错误
• .text().trim()：获取锚标签文本并去除前后空格，确保id值干净无冗余
• .attr('href').replace('/', '')：把href里的/123456转换成纯数字123456
• .children().eq(2)：找到当前行的第三个子元素（行内元素顺序是<td>→<th>→<td>，索引从0开始，所以第三个元素索引为2）
• .attr('id', 值)：给目标<td>设置id属性

小提醒 #

你的原始HTML里有个小语法错误：第一个<tr class="dataRow" "&gt;">多了一个引号，建议修正为<tr class="dataRow">，不然可能会影响jQuery选择器的正常工作哦～

内容的提问来源于stack exchange，提问作者Saurabh