如何使用jQuery提取指定label标签中的日期数据并存入数组

问题说明 #

你现有代码的问题有以下几点：

• 直接调用$('.check-box-label').text()会把所有匹配的标签文本拼接为一个整串，无法拆分得到每个标签的独立内容
• 没有对获取到的文本做日期提取，你需要的日期是文本中-分隔符之前的部分
• 数组操作逻辑错误，没有逐个遍历标签插入内容

修正后代码 #

(function($){
    // 初始化日期数组
    const dateArray = [];
    // 遍历每个目标label标签
    $('[data-fieldlabel="Date and Price"] .check-box-label').each(function() {
        // 获取当前label的文本，去除前后空白
        const labelText = $(this).text().trim();
        // 按分隔符切割取第一部分就是日期
        const date = labelText.split(' - ')[0];
        // 插入数组
        dateArray.push(date);
    });
    // 输出结果
    console.log(dateArray);
})(jQuery);

输出结果 #

运行后控制台输出的数组格式和你需要的一致：

["10/9/21", "10/16/21"]

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