使用jquery将字符串拆分为某个字符的新换行符

时间:2016-11-18 10:45:25

标签: javascript jquery html

目前,字符串是

  

包A(123个查询)包B(212个查询)

是否可以使用jquery将其拆分为新行,如

  
      
  • 套餐A(123查询)
  •   
  • 套餐B(212查询)
  •   

我想在每个结束括号后插入换行符。但不确定它是否合适。

修改1

在HTML中

<ul class="list">
    <li><span id="requested-package">@Model[0].regDescription[a]</span></li>
    <li>Testing</li>
</ul>

输出 - 我想在下一行制定计划A. enter image description here

修改2

    var str = $('.hidden-package').text();
    var line = str.replace(')', ') <br>');
    $('.requested-package').html(line);

当前输出

enter image description here 我创建了一个隐藏字段hidden-package,然后我设法使用.text()获取文本值。 现在的问题是它只替换第一次出现的右括号。如何用<br>替换所有结束括号。感谢。

解决方案

通过将上面的代码更改为以下代码来管理解决此问题。

    var str = $('.hidden-package').text();
    var line = str.replace(/\)/g, ')<br>');
    $('.requested-package').html(line);

3 个答案:

答案 0 :(得分:3)

使用.replace,但尽可能具体。在这里,我们寻找一个结束括号后面跟一个空格,然后是&#39; Package&#39;然后是另一个空格') Package '。这应该有助于防止错误的结果

'Package A (123 queries) Package B (212 queries)'.replace(') Package ', ')\nPackage')

答案 1 :(得分:2)

'Package A (123 queries) Package B (212 queries)'.replace(') ', ')\n')

答案 2 :(得分:1)

添加要拆分字符串的任何特殊字符并用换行符替换它,这应该在html中添加一个新行。

例如

var string = "Package A (123 queries)~Package B (212 queries)~Package C (212 queries)";
string = string .replace(/~/g, "<br />");