JSは二重引用符を含むdomのテキストを取得します

二重引用符を含むテキストをページで確認するスクリプトを探します。こんにちは、 "これは素晴らしい例です"。だから、「これは良い例です」つかみ、それで結果が<em>"this is a great example"</em>JSは二重引用符を含むdomのテキストを取得します

なります<em>タグ

でそれをラップこれは可能ですか？

出典

2016-07-14 dreamsynk

あなたは何を試してみましたか？あなたはどこにいらっしゃいますか？ – Cruiser

これはネイティブJSである必要がありますか、またはjQueryが関与できますか？ – ste2425

これはあなたの質問に答えますか？ http://stackoverflow.com/questions/1684116/find-text-between-2-quotes-with-jquery – Ben

あなたはこのようにJavaScriptを使用してページ全体に正規表現を探すことができます。

var matchingText = document.documentElement.innerHTML.match(/"(.*?)"/);

結果は、二重引用符で囲まれた文字列の配列になります。

あなたはそれらを繰り返して、それぞれに<em>というタグを追加できます。 jQueryを使って達成することは非常に簡単です

出典

2016-07-14 14:23:58

：

$('body :not(script, style)').contents().filter(function() { 
 
    // find text nodes in <body> ignoring <script> and <style> tags 
 
    return this.nodeType === 3; 
 
}).replaceWith(function() { 
 
    // find quoted text and wrap it with <em> tags 
 
    return this.nodeValue.replace(/"[^"]+"/g, '<em>$&</em>'); 
 
});

span { 
 
    color: #00f; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 

 
<p> 
 
    Hello world! "This is a great example"<br> 
 
    <span>Hello world! "This is a great example"</span> 
 
</p>

出典

2016-07-14 14:25:01 VisioN

JSは二重引用符を含むdomのテキストを取得します

答えて

関連する問題