新しい行のデータ属性

Question

データの*属性に新しい行を挿入するにはどうすればよいですか？私はエスケープシーケンスと言っている記事や反応を読んだが、うまくいったわけではない。

私はボタンのタグを持っていて、クリックしたときにデータをJavaScriptメソッドに渡して、動的ポップアップモーダルを表示したいとしましょう。

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

データ情報がモーダルのdivにプッシュされます。 2つの文を別々の行に表示するには、2つの文の間を移動する必要があります。 （基本的には、データ情報属性内の
）

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/