将html数据附加到bootstrap模态javascript

Question

我使用和id将数据传递给bootstrap模式，并将该id与存储的数据相关联。

$("#fruit").html($(this).data("fruit"));

我还将数据附加到bootstrap模态

$('#mymodal').find('.modal-body').append('<p>sample text</p>');

但是，当我尝试以下时，它似乎无法正常工作

$("#mymodal").find(".modal-body").append("<p>.html($(this).data("fruit"))</p>");

Answer 1

您的字符串中存在问题。由于您使用带字符串的JS，因此需要使用+来附加它们。

所以这个

$("#mymodal").find(".modal-body").append("<p>.html($(this).data("fruit"))</p>");

应该是

$("#mymodal").find(".modal-body").append("<p>" + $('#fruit').html() + "</p>");

Answer 2

它不起作用，因为你在append方法中编写的jQuery方法被视为字符串。

替换此代码

$("#mymodal").find(".modal-body").append("<p>.html($(this).data("fruit"))</p>");

使用

$("#mymodal").find(".modal-body").append("<p>.html("+$(this).data("fruit")+")</p>");