jQuery修改a.product-name标签文本仅读取首个href中familyseries值问题

问题原因 #

• 每次循环内使用全局选择器$('.product-name')获取属性：jQuery的attr()方法针对匹配到的多元素集合，只会返回第一个元素的对应属性值，所以每次循环拿到的都是第一个a标签的href拆分结果
• 每次循环内使用全局选择器$('a.product-name').text()设置文本：该操作会把所有匹配到的a标签的文本都统一修改为当前拿到的同一个值，相当于最后所有标签都被覆盖成了第一次循环拿到的familyseries1

修复后代码 #

$("a.product-name").each(function(){
    // $(this) 指向当前遍历到的单个a标签元素
    var familySeries = $(this).attr('href').split('/')[4];
    // 只修改当前这个a标签的文本
    $(this).text(familySeries);
});

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