Tengo una página de directorio de fabricantes, cada ID de div de fabricante se completa dinámicamente con el nombre de la marca. El objetivo es permitir que los fabricantes compartan su enlace con sus clientes (por ejemplo, https://libraries.specifiglobal.com/partners/request-foodservice-equipment-libraries/#angel-po )

Obviamente, esto no es perfecto ya que los nombres a menudo incluyen espacios y/o un apóstrofo. La funcionalidad que estoy tratando de lograr es reemplazar idealmente los espacios con guiones y eliminar el apóstrofe por completo.

Probé el código a continuación, sin embargo, cambia todas las ID de div al primer fabricante en una lista.

 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);