javascript - 在 foreach 循环中遍历一个元素并从值中提取首字母缩写词，然后将另一个元素的值设置为派生的首字母缩写词

Question

我面临的挑战是在 foreach 迭代中遍历一个元素，然后从该元素中提取首字母缩写词，然后将另一个元素的值设置为派生的首字母缩写词。

这是我的代码

1) cshtml:

foreach (var item in Model)
{                
     <h3 class="getName">@item.FullName</h3>
     [...]
     <h4 class="displayAvatar"></h4>
     [...]
}   

2)Jquery代码:

$('.getName').each(function (e) {
        var techieFullName = $('.getName').text();
        var getNameAcronym = techieFullName.match(/\b(\w)/g);
        var theName = getNameAcronym.join('');
        $('.displayAvatar').text(theName);
});

上面的代码将相同的结果(派生首字母缩写词)分配给类为“displayAvatar”的所有 h4 元素，但我希望每个全名都设置为每个首字母缩写词

请问我如何让它运行？欣赏

Answer 1

因为您使用了 forEach 循环。如果您将多个标题标签包含在 div 中，比如 eachRow，它会更容易。下面提供了脚本，它很简单。

CSHTML:

foreach (var item in Model)
{     
   <div class="eachRow">           
     <h3 class="getName">@item.FullName</h3>
     <h4 class="displayAvatar"></h4>
   </div>
}  

JQUERY:

$('.getName').each(function (e) {
        var techieFullName = $(this).text();
        var getNameAcronym = techieFullName.match(/\b(\w)/g);
        var theName = getNameAcronym.join('');
        $(this).closest('.eachRow').find('.displayAvatar').text(theName);
});

编辑:使用管道衬里可以减少许多局部变量的使用。

$('.getName').each(function (e) {
            var result=  $(this).text().match(/\b(\w)/g).join('');
            $(this).closest('.eachRow').find('.displayAvatar').text(result);
    });