从div ID的值中删除/替换空格

Question

我有一个制造商目录页面，每个制造商div ID都由品牌名称动态填充。目标是允许制造商与客户共享其链接(例如：https://libraries.specifiglobal.com/partners/request-foodservice-equipment-libraries/#angel-po(

显然，这并不完美，因为名字中经常包含空格和/或撇号。我试图实现的功能是用破折号代替空格，并完全去掉撇号。

我已经尝试了下面的代码，但是它将所有div ID都更改为列表中的第一个制造商。

var myText = jQuery('.card-header').closest(".w-100").attr("id");
var newMyText = myText.replace(/ /g,'-');
// remove older id and place new id
jQuery('.card-header').closest(".w-100").attr("id", newMyText);

Answer 1

jQuery('.card-header')
.closest(".w-100")
.each(function() {
e = jQuery(this);
e.attr('id', e.attr('id').replace(/ /g,'-'));
});