如何用jQuery提取并重新格式化标签中的日期字符串？

错误原因分析 #

你之前的代码存在两个核心问题：

• jQuery选择器写法错误：.tg-item-meta-data tg-element-4会匹配类为tg-item-meta-data的元素下的tg-element-4标签，但实际上这两个都是<h2>的类名，正确选择器应为.tg-item-meta-data.tg-element-4（类名间无空格，表示同一个元素同时拥有这两个类）。
• parseInt不适合处理带分隔符的日期字符串：它只能提取字符串开头的整数，因此只会得到2024，无法获取完整日期内容。

实现步骤与代码 #

1. 选中目标元素并获取原始日期文本
2. 拆分日期为年、月、日三个部分
3. 按日-月-年格式重新拼接
4. 将新日期替换回原元素

示例代码：

// 选中目标h2元素
const $dateElement = jQuery('.tg-item-meta-data.tg-element-4');
// 获取并清理原始日期字符串
const originalDate = $dateElement.text().trim();
// 拆分日期为年、月、日数组
const [year, month, day] = originalDate.split('-');
// 拼接成目标格式
const formattedDate = `${day}-${month}-${year}`;
// 更新元素文本
$dateElement.text(formattedDate);

批量处理说明 #

如果页面存在多个同类元素需要转换日期格式，可通过each循环遍历处理：

jQuery('.tg-item-meta-data.tg-element-4').each(function() {
  const originalDate = jQuery(this).text().trim();
  const [year, month, day] = originalDate.split('-');
  jQuery(this).text(`${day}-${month}-${year}`);
});

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