从jquery

时间:2016-05-26 13:07:33

标签: jquery string

所以我有一个字符串来自一个可信的div,就像这样:

"Blah Blah Blah<div><br>Blah Blah Blah Blah </div><div><br>How are you.</div>"

问题是标签已经创建了一个换行符,而<br>只是增加了一个额外的换行符。那么,有没有办法重复字符串拆分以删除所有<br>。此外,它可以使用x量<br>

基本上,我想得到:

"Blah Blah Blah<div>Blah Blah Blah</div><div>How are you.</div>"

谢谢!

2 个答案:

答案 0 :(得分:1)

剥离<br>元素

您可以使用正则表达式通过replace()函数替换元素HTML中<br>的所有实例:

$(function(){
    // Get your HTML
    var text = $('div[contenteditable]').html();
    // Perform your replacement (the 'g' flag will replace all instances)
    text = text.replace(/<br>/g,'');
    // text should now contain your content sans <br> elements
});

更新您的内容

如果您确实想要替换内容,则可以使用html()函数设置替换的文本:

$(function(){
    var text = $('div[contenteditable]').html();
    // Perform your replacement
    text =text.replace(/<br>/g,'');
    $('div[contenteditable]').html(text);
});

示例

&#13;
&#13;
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-2.1.4.js"></script>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Content Replacement</title>
</head>
<body>
  <div contenteditable='true'>
    Blah Blah Blah<div><br>Blah Blah Blah Blah </div><div><br>How are you.</div>
  </div>
  <hr />
  <button id='replace'>Replace and Update</button>
  <script>
    $(function(){
        // Example outputting replaced text
        console.log($('div[contenteditable]').html().replace(/<br>/g,''));
        // Actually replacing the text
        $('#replace').click(function(){
          var text = $('div[contenteditable]').html();
          // Perform your replacement
          text =text.replace(/<br>/g,'');
          $('div[contenteditable]').html(text);
        });
    });
  </script>
</body>
</html>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

您可以使用$('.your-contenteditable-div').text(); 获取没有HTML标记的文字。

_gridStructure[0].push()