JSFiddle - React, Tailwind, and code Playground

HTML

<p id="test" title="1|2">test</p>

JavaScript

var lineBreak = $("<div>&#10</div>").html();

$("#test").attr("title", $("#test").attr("title").replace("|", lineBreak));