JQuery将名称的第一个字母放在圆圈中

我想创建

名称

的第一个字母圆圈，该圆圈显示在它显示的

数据Id

中，但问题是函数会重复所有的第一个字母吗

我想函数应该基于每个

数据Id

文本显示第一个字母

$（'#name'）。每个（函数（）{
var str=$（'#name'）.attr（'data-id'）；
var matches=str.match（/\b（\w）/g）；
var首字母缩写=matches.join（“”）；
$（'.shortname'）。前缀（''+首字母缩略词+''）；
});
。我的圈子{
内容：attr（数据字母）；
显示：内联块；
字号：1em；
宽度：2.5em；
高度：2.5em；
线高：2.5em；
文本对齐：居中；
边界半径：50%；
背景：李子；
垂直对齐：中间对齐；
右边距：1米；
颜色：白色；
}

将
id=“name”
转换为
class=“name”
，并将
转换为
。每个（
循环使用
$（this）
从当前名称获取值，使用
.prev（）
获取
.shortname
：


$（'.name'）。每个（函数（）{
var$name=$（此变量）；
var str=$name.attr（'data-id'）；
var matches=str.match（/\b（\w）/g）；
var首字母缩写=matches.join（“”）；
$name.prev（'.shortname'）。prepend（''+首字母缩写+''）；
});
。我的圈子{
内容：attr（数据字母）；
显示：内联块；
字号：1em；
宽度：2.5em；
高度：2.5em；
线高：2.5em；
文本对齐：居中；
边界半径：50%；
背景：李子；
垂直对齐：中间对齐；
右边距：1米；
颜色：白色；
}

将
id=“name”
转换为
class=“name”
，并将
转换为
。每个（
循环使用
$（this）
从当前名称获取值，使用
.prev（）
获取
.shortname
：


$（'.name'）。每个（函数（）{
var$name=$（此变量）；
var str=$name.attr（'data-id'）；
var matches=str.match（/\b（\w）/g）；
var首字母缩写=matches.join（“”）；
$name.prev（'.shortname'）。prepend（''+首字母缩写+''）；
});
。我的圈子{
内容：attr（数据字母）；
显示：内联块；
字号：1em；
宽度：2.5em；
高度：2.5em；
线高：2.5em；
文本对齐：居中；
边界半径：50%；
背景：李子；
垂直对齐：中间对齐；
右边距：1米；
颜色：白色；
}

使用注释。code正在
.name
div中工作，但它没有显示在
shortname
div？？？下运行代码段并检查结果。我使用
.prev（）
进入
.shortname
div。使用注释。code在
.name
div中工作，但它不显示在
shortname
div？？？下运行代码段并检查结果。我使用
.prev（）
访问
.shortname
div。