jqueryを使用して文字列の特定の部分を黄色で強調表示する方法

jQueryを使用して文字列のプラス記号（+）のみを黄色で強調表示する方法を知りたいと思います。
例えばjqueryを使用して文字列の特定の部分を黄色で強調表示する方法

：
テキスト：Loremのイプサム嘆きはAMET座る、consecteturのadipiscingのELIT +

2016-09-06 Daniel

ジャスト[mark.js]（https://markjs.io/）を見て、それはinnerHTML'が悪である ' – dude

あなたは、文字列の特定の部品を交換し、それをラップすることができます。より良い操作のために、クラスとCSSを使用していくつかの部分をハイライト表示する必要があります。

var text = $('#myspan').text(); 
 
text = text.replace('+', '<span style="color: yellow;">+</span>'); 
 
$('#myspan').html(text)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<span id="myspan">Lorem ipsum dolor sit amet, consectetur adipiscing elit +</span>

出典

2016-09-06 06:38:38

このアプローチのために建てられた、それはDOMを破壊しますイベントとトリガ再生のDOM！ – dude

あなたは何をしているのか知っていなければなりません：\ –

まあ、これはそれを行うための最も最も簡単な方法ですが、私は推測します。 spanタグを使用して、変更したいものを囲みます。 idを付けてください。最後に、idを使用してcssプロパティを変更します。

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
<script> 
 
$(document).ready(function(){ 
 
    $("#colouring").css("color","yellow"); 
 
}); 
 
</script> 
 
</head> 
 
<body> 
 

 
<p> 
 

 
Lorem ipsum dolor sit amet, consectetur adipiscing elit <span id="colouring">+</span> 
 
</p> 
 

 
</body> 
 
</html>

出典

2016-09-06 06:45:35 puneeth8994

こんにちは、あなたの提案に感謝します。はい、これは良い方法です。問題は、コードが古いCMSから生成され、あなたの提案に従ってクラスやIDを追加できないということです。 – Daniel

その後、jqueryをまったく使用しないでください。 '

ロゴインプレッション、コンプリートアフィニティエリート +

' – puneeth8994

jqueryを使用して文字列の特定の部分を黄色で強調表示する方法

答えて

関連する問題