jQuery替换一个类的多个实例的字符串中的字符

Question

我有一个叫做product-attributes的css类，它在一个页面上多次使用，每个类包含一个不同的字符串。所有这些字符串都包含逗号，我只想用br标记替换它们。我想出了下面的代码，但是它用完全相同的字符串替换了所有的字符串（纠正了第一个类的实例）。

$('.product-attributes').html($('.product-attributes').html().replace(/,/g,'<br />')); 

我哪里错了？

非常感谢

Answer 1

调用html()与选择将只要求first元素被选择返回。您需要使用each()来替换所有出现的字符串。

$('.product-attributes').each(function(){  
    $(this).html($(this).html().replace(/,/g,'<br />'));  
}); 

Answer 2

您需要使用.each()来调用该类的每个实例的函数。否则，您只需将该类的每个元素的html更改为该类的第一个实例的html。如上所述。

$('.product-attributes').each(function(){ 
    $(this).html($(this).html().replace(/,/g,'<br />')); 
});