如何使用jQuery从给定HTML中获取td标签首个data-date属性值

直接使用以下代码即可获取你需要的第一个日期值：

// 写法1：通用匹配所有带data-date属性的td元素，取第一个
const firstDate = $('td[data-date]').first().data('date');

// 写法2：增加父级类名限定，匹配更精准，避免页面其他同属性td干扰
const firstDate = $('.fc-slats td[data-date]').first().data('date');

各部分逻辑说明：

• $('td[data-date]')：jQuery属性选择器，匹配所有携带data-date自定义属性的<td>标签
• .first()：筛选匹配结果集合中的第一个元素，也就是结构里最靠前的日期对应的td
• .data('date')：提取元素的data-date属性值，返回值为字符串格式的2021-08-09

如果偏好使用原生属性获取方法，也可以写成：

const firstDate = $('td[data-date]').first().attr('data-date');

运行以上任意一种写法，firstDate变量的值就是你需要的2021-08-09。

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