Jquery - добавить текст к Html

Question

У меня есть этот вызов ajax, который возвращает короткое предложение, предназначенное для наглядности для пользователя. Через консоль отладки я вижу, что возвращаю правильные данные. Моя проблема возникает, когда я пытаюсь добавить эти данные в тег html <p>. Я пробовал оба .append и .text, поскольку я использую JQuery. До сих пор мне не везло, где я ошибаюсь?

HTML

<div>
  <p class="descriptionDisplay"> </p>
</div>

JQuery

    $('#scenarioDropdownList').change(function () {
        var scenarioId = $('#scenarioDropdownList option:selected').attr('id');
        getscenarioDescription(scenarioId);
        getData(scenarioId);
    });

    function getscenarioDescription(scenarioId) {
        $.ajax({
                    type: "GET",
                    url: 'https://localhost:44340/api/ScenarioDescriptors/GetScenarioDescriptions',
                    data: {scenarioId: scenarioId},
                    dataType: 'JSON',
                    success:function(data) {
                        $.each(data, function(key, val) {
                            console.log(val.scenarioDescription);
                            var descriptionText = val.scenarioDescription;

                            $('#descriptionDisplay').text(descriptionText); // This part isn't working correctly

                        })

                    }
                });  
    }

Выход console.log($('#descriptionDisplay').length) равен 0 .

Answer 1

Ваш тег P имеет имя класса, и вы использовали селектор идентификаторов.

Просто переключитесь на идентификатор:

 <p id="descriptionDisplay"> </p>

Answer 2

Попробуйте, используйте .html

$("p").html("Hello <b>world</b>!");