数据属性中的新行

Question

如何在 data-* 属性中插入新行？我读过 articles/responses 说转义序列，但 none 有效。

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

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

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

Answer 1

也许您可以在 data-info 上创建一个包含您需要的不同文本的数组。

接下来使用 data-info[的信息在模态 window 或其他你想要的内部创建 p 元素=12=]

<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/

数据属性中的新行

New Line in Data attribute

html

newline

custom-data-attribute