javascript - jQuery 正则表达式 - 无法将 img 标签的标题属性中的换行/换行替换为

Question

我写了很多img标签包含 title属性。我想删除并附加 title在 div img 之后的标签使用 jQuery。 title包含换行符/换行符，因此当 jQuery 附加 title 时对于 HTML，该换行符/换行符显示一个空格。

我尝试了使用正则表达式的服务器代码，但我仍然无法将中断/换行替换为 <br> :

1. $.title.replace(/\r/, "<br />");
2. $.title.replace(/\n/, "<br />");
3. $.title.replace(/\r\n/, "<br />");
4. $.title.replace(/\\r\\n/, "<br />");
5. $.title.replace(/\\r/, "<br />");
6. $.title.replace(/\\n/, "<br />");
7. $.title.replace(" ", "<br />");
8. $.title.replace("&#x20;", "<br />");
9. $.title.replace("&#x0D;&#x0A;", "<br />");

jsfiddle:

$.title = $(".abc").attr('title');
alert($.title);

//not working
$.title.replace(/\r\n/, "<br />");


alert($.title);
$(".abc").after("<div>" + $.title + "</div>");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img class="abc" title="abc
def" />

Answer 1

replace() 方法在字符串中搜索指定值或正则表达式，并返回指定值被替换的新字符串。

所以你必须将这个新字符串分配给你的 $.title

尝试这样。

$.title = $(".abc").attr('title');
alert($.title);

//working
$.title = $.title.replace(/(\r\n|\n|\r)/gm,"<br />");


alert($.title);
$(".abc").after("<div>" + $.title + "</div>");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img class="abc" title="abc
def" />