Отображение атрибута данных начальной загрузки

Question

Я хочу отобразить свой атрибут данных в модальном режиме. Проблема в том, что я могу вывести их только в поле ввода, но не в тегах div или span. Что я делаю не так?

$('.todolist-destroy-modal').on('show.bs.modal', function (event) {
            var button = $(event.relatedTarget);
            var id = button.data('id');
            var title = button.data('title');
            var modal = $(this);
            modal.find('#id').val(id);
            modal.find('#title').val(title);
        });

Это работает:

<input type="text" id="title" value="">

Но мне нужен заголовок в этом теге span:

<span id="title"></span>

Answer 1

Вы не должны использовать val() на <span>
Вместо этого используйте text()

т.е. modal.find('#title').text(title);

Answer 2

Я не совсем уверен, что вы хотите сделать.Но если вы хотите, чтобы он был внутри диапазона, вы не можете просто добавить его?

$('span#title').append(id);

Кроме того, не используйте два элемента с одинаковым идентификатором.