javascript - 如何替换 HTML 元素的 data 属性中的值

Question

我有一个div其中有 data-attribute 。我想替换 data-attribute 字符串中的字符.

我正在尝试替换 \r\n与 </br> ，但我无法实现它。我怎样才能做到这一点？

<div class="dataval" data-finid="aljslajlsllsjds\r\nsdksadshdsd\r\ndskdsajdsajdasdk\r\nasdashdashdkasj\r\n">

$('.dataval').attr('data-finid').replace(\\r\n\g,"</br>")

Answer 1

这里有几个问题:

• 您的正则表达式无效；需要用 /
分隔
• \n 需要为 \\n
• 您没有对 replace() 调用的输出执行任何操作。要更新该值，您可以向 attr() 提供一个函数，该函数返回更新后的值。

试试这个:

$('.dataval').attr('data-finid', function(i, id) {
  return id.replace(/\\r\\n/g, "</br>");
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="dataval" data-finid="aljslajlsllsjds\r\nsdksadshdsd\r\ndskdsajdsajdasdk\r\nasdashdashdkasj\r\n">Foo</div>