Chercher et remplacer un caractère

Bonjour,
Je voudrais remplacer le caractère " - " en rouge (ligne 6) dans le code HTML suivant :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
      <div class="views-row views-row-2 views-row-even">
        <div>
          <h3 class="event-title">Mission d’évaluation des candidatures des trois Etats et gouvernements en lice</h3>  </div>
          <span class="event-date">
            <span class="date-display-start" property="dc:date" datatype="xsd:dateTime" content="2015-11-01T00:00:00+01:00">01 Novembre 2015</span>
            -
            <span class="date-display-end" property="dc:date" datatype="xsd:dateTime" content="2015-11-16T00:00:00+01:00">16 Novembre 2015</span></span>
            <div class="views-field views-field-body">
              <div class="field-content">
                <p>Une mission d’expertise, conduite par le Directeur du Comité international des Jeux de la Francophonie (CIJF) accompagné de quatre experts désignés par l’Organisation internationale de la Francophonie (OIF), se tient du 1er au 16 novembre 2015 dans les trois États et gouvernements candidats à l’organisation des IXes Jeux de la Francophonie de 2021.</p>
                <a href="/mission-devaluation" class="more-link">Voir la suite</a>
              </div>
            </div>
          </div>

J'ai fait un petit test avec ce bout en jQuery; mais cela ne marche pas

Code:

1
2
3
4
5
6
7
8
(function ($) {
  function enelever_tiret() {
      return $(".event-date").val().replace(/( \\- )/g, '<span style="color:red;">yooop</span>');
  }
 
  enelever_tiret();
 
}(jQuery));

Bonjour,

Essaie cela :

Code:

1
2
3
4
5
$('.event-date').each(function() {
    var $this = $(this);
 
    $this.text($this.text().replace(/-/g, 'ça marche'));
});

Parfait ça a l'aire de bien fonctionner ;)

Par contre le problème, c'est que je dois garder la strucure HTML ..