显示数据属性引导模式答案

【问题标题】：Display data attribute bootstrap modal显示数据属性引导模式
【发布时间】：2018-09-13 17:47:14
【问题描述】：

我想在模式中显示我的数据属性。问题是，我只能在输入字段中输出它们，而不能在 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>

【问题讨论】：

标签： twitter-bootstrap attributes bootstrap-modal

【解决方案1】：

你不应该在<span>上使用val()
而是使用text()

即modal.find('#title').text(title);

【讨论】：

【解决方案2】：

我不太确定你想做什么。但是如果你想要它在跨度内，你不能直接附加它吗？

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

另外，不要有两个具有相同 id 的元素。

【讨论】：