内の文字列から特定の単語を複数回を削除します。だから私はのcontentEditableのdivから来ている文字列を持っている、それはこのようなものですjqueryの
"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>"
感謝を！
要素アウト<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);
});
例
<!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>.text()を使用すると、HTMLタグなしでテキストを取得できます。
$('.your-contenteditable-div').text();
あなたは手の込んだことができますこれについてもっと詳しく？あなたの出力はどのように見えますか？何を正確に置き換えたいですか？ –
divを「display：inline」に設定します。 –
あまりにも些細なようですが、チェックする価値があります。あなたは 'replace'を試みましたか？ 'var content =" Blah ... etc "; var fixed = content.replace（/
/g、 ""） ';' –