“数据中的新行”属性

Question

如何在data-*属性中插入新行？我读过关于转义序列的文章/回应，但都没有奏效。

假设我有一个按钮标签，当点击时，我想将数据传递给一个javascript方法，并显示一个动态弹出模式。

<button id="myButton" data-toggle="modal" data-target="myModal" data-info="Some content. This content is on a new line"

数据信息将被推送到模态中的div。在两个句子之间需要什么才能将它们显示在不同的行中。（本质上是数据信息属性中的
）

Answer 1

也许您可以用所需的不同文本对数据信息进行数组处理。

接下来，在模态窗口内创建p元素，或者使用数据信息的te信息创建其他元素

<button id="myButton" data-toggle="modal" data-target="myModal" data-info='{"text1":"Hello world","text2":"Bye world"}'>
Hello</button>
$( "#myButton" ).click(function() {
  $("#content").append($("<p></p>").text($("#myButton").data("info").text1));
  $("#content").append($("<p></p>").text($("#myButton").data("info").text2));
});

以下是示例：https://jsfiddle.net/hectoruch/bfx0Lnvv/