Firebase извлекает два значения вместо одного

Question

Я пытался извлечь данные из базы данных и вставить их в карту. Я сделал это, но моя проблема в том, что функция извлекает несколько элементов в одном вызове, и я хочу, чтобы только один в различных вызовах отображал данные.

Мой код такой.

    var cardRef = firebase.database().ref("Cards");



    cardRef.orderByChild("Text/cardtext").on("child_added", function(snapshot) {   $(".cardb").append("<h5 class='card-title'>"+snapshot.key+snapshot.val().cardtitle+"</h5>"+

      "<p class='card-text cardtext'>"+snapshot.key+snapshot.val().cardtext+"</p>");

         console.log(snapshot.key + " was "+snapshot.val().cardtitle + snapshot.val().cardtext + " meters tall"); })


    var cardRef = firebase.database().ref("Cards");



    cardRef.orderByChild("Text/cardtext").on("child_added", function(snapshot) {   $(".cardb").append("<h5 class='card-title'>"+snapshot.key+snapshot.val().cardtitle+"</h5>"+

      "<p

 class='card-text cardtext'>"+snapshot.key+snapshot.val().cardtext+"</p>");


  console.log(snapshot.key +snapshot.val().cardtitle + snapshot.val().cardtext);
})

Следующий результат таков: мой результат

Но мне нужно, чтобы результат был таким.

ожидаемый результат

и в моей базе данных Firebase у меня есть следующие данные: база

В любом случае, когда я делаю это, функция моментального снимка извлекает мне заголовок и текст в одном вызове, но я просто хочу вызвать заголовок и другой текст, чтобы избежать неопределенного значения.