<p>Je renvoie mon formulaire comme suit, où j'ai deux résultats attendus pour le 12 et le 13. </p> <p><br /></p> <pre class="snippet-code-js lang-js Prettyprint-override"><code>var data = [{ Designacao: "Micro-ondas1", Chapitre : "Cozinha", Données : "2023-08-12", }, { Designacao: "Exaustor cinzento 1", Capitule : "", Données : "2023-08-12", }, { Designacao: "Mesa - Castanha -8 emplacements", Chapitre : "Sala", Données : "2023-08-13" }, { Designacao : "cama", Capitule : "Quarto", Données : "2023-08-13", }, ]; var ligne = ``; Object.keys(data).forEach(i => { Designacao = data[i].Designacao; Chapitre = data[i].Capitulo; Données = données[i].Données ; si (Données != Données) { linha += `<div class="card-header">Data Passagem de Turno - ${Data}</div>`; } linha += `<div class="row col-md-12"> <div class="col-md-4"> <p class="form-label">Données </p> <input type="text" class="form-control" name="dataen" value="${Data}"> </div> <div class="col-md-3"> <p class="form-label">Code utilisateur </p> <input type="text" class="form-control" name="codigoen" value="${Capitulo}" désactivé="disabled"> </div> <div class="col-12"> <p class="form-label">Journal des enfermages </p> <textarea rows="6" class="form-control" name="didiarenf" > </div>`; $(".histpturno").html(ligne); })</code></pre> <pre class="snippet-code-html lang-html Prettyprint-override"><code><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/ jquery.min.js"></script> <div class="histpturno"></div></code></pre> <p><br /></p> <p>Je vais diviser les résultats par jour. Par exemple, avant le 12ème résultat, affichez le titre à l'intérieur du if, puis affichez à nouveau le titre uniquement lorsque le 13ème résultat est renvoyé </p> <p>J'ai essayé d'utiliser if pour obtenir l'effet souhaité mais cela ne fonctionne pas, il ne renvoie jamais le titre. Le titre auquel je fais référence est le suivant : </p> <pre class="brush:php;toolbar:false;"><div class="card-header">Data Passagem de Turno - ${Data}</div></pre> <p><br /></p>

var data = [{
    Designacao: "Micro-ondas1",
    Capitulo: "Cozinha",
    Data: "2023-08-12",
  },
  {
    Designacao: "Exaustor cinzento 1",
    Capitulo: "",
    Data: "2023-08-12",
  },
  {
    Designacao: "Mesa - Castanha -8 Lugares",
    Capitulo: "Sala",
    Data: "2023-08-13"
  },
  {
    Designacao: "cama",
    Capitulo: "Quarto",
    Data: "2023-08-13",
  },
];

var linha = ``;
var prevData = null; // initialize

Object.keys(data).forEach(i => {

  Designacao = data[i].Designacao;
  Capitulo = data[i].Capitulo;
  Data = data[i].Data;

  if (Data !== prevData) { // compare; for safety using strict type checking
    linha += `<div class="card-header">Data Passagem de Turno - ${Data}</div>`;
  }
  prevData = Data; // update, so that this will hold the correct "previous" record on the next iteration

  linha += `<div class="row col-md-12">
            <div class="col-md-4">
              <p class="form-label">Data </p>
              <input type="text" class="form-control" name="dataen" value="${Data}">
            </div>
            <div class="col-md-3">
              <p class="form-label">Código Utente </p>
              <input type="text" class="form-control" name="codigoen" value="${Capitulo}" disabled="disabled">
            </div>
            <div class="col-12">
              <p class="form-label">Diário de Enfermagem </p>
              <textarea rows="6" class="form-control" name="didiarenf" > ${Designacao} </textarea>
            </div>`;

  $(".histpturno").html(linha);

})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="histpturno"></div>