替换元素中的文本以及维护新行

Question

我试图更改div标签中的文字＆＃34; a / b＆＃34;到＆＃34; b / c＆＃34;这也将使用break标记维护我在HTML中设置的新行。现在它取代了文本，但我希望第二行放在第一行之下。

＆＃13;

＆＃13;

$(".text_div").text(function () {
    return "<br />" + $(this).text().replace("a/b", "b/c"); 
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="text_div">
    This div contains some text.<br />
    This is a a/b.
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 1

如果您想保留换行符，请使用.html()代替文字

$(".text_div").html(function () {
    return $(this).html().replace("a/b", "b/c"); 
});