charAt()对jQuery text()获取的label文本无效但普通字符串可用

调用jQuery text()方法提取label文本后取首字符失效，核心原因是text()会完整保留元素内所有文本节点内容，包括HTML排版产生的前后隐藏空白字符（换行、缩进空格、制表符）。
从你提供的页面结构可以看到，label标签的实际内容排版为：

<label class="form-check-label" for="edit-field-lorem-433">
        Asie-Pacifique
      </label>

开标签后首先是换行符，紧接着8个缩进空格，之后才是可见文本Asie-Pacifique，文本末尾到闭合标签前也存在换行和缩进空格。因此text()实际返回的字符串是"\n Asie-Pacifique "，此时调用charAt(0)取到的是索引位置0的换行符，而非预期的首字母A。substring()、slice()方法从索引0开始截取时同样会先取到空白字符，因此表现一致，和字符串截取方法本身无关。
硬编码字符串'hello'测试时首尾没有额外隐藏空白，所以可以正常取到首字符，两种测试场景的字符串实际内容并不一致。

提取文本后先清除首尾空白，再执行首字符截取即可：

// trim()方法会移除字符串首尾所有空白字符（换行、空格、制表符等）
var str = $('.form-item-field-lorem-433 label').text().trim();
var first_character = str.charAt(0);
console.log('str : ' + str); // 输出：Asie-Pacifique
console.log('first_character : ' + first_character); // 输出：A

如果需要保留文本尾部的格式，仅需移除开头空白，可替换为trimStart()方法单独处理字符串头部。

内容的提问来源于stack exchange，提问作者Sébastien Gicquel