javascript - 正規表現html要素の後のテキストを一致させる方法

Question

こんにちは、次のようなコードがあります。

<span class="someclass" style="display:none"></span> Some text

「Some」という単語だけを一致させる方法は? Javascript 10x の regExp を使用

Answer 1

試す

var myString = '<span class="someclass" style="display:none"></span> Some text';

var regex = /<\/span> (\w+)/ig;

console.log(regex.exec(myString)[1]);

これにより、「</span>」の後に最初の単語が出力されます。

編集：

var regex = /<\/\w+> (\w+)/ig;

これはすべての終了タグと一致します

Answer 2

「一部のテキスト」を「div」に入れて参照できるようにする必要があります

var str=document.getElementById("myText").innerText; 
var patt1=/(Some)/g;
document.write(patt1.test(str));

それはtrueを返します

ここに作業バージョンがあります: http://jsfiddle.net/4df3w/1/

中のテキストを変更して違いを確認してください。

---

編集：あなたは文字通り「いくつか」という言葉を意味していなかったようです。テキストを div に配置し、関数で次のようにします。

var str = document.getElementById("myText").innerText; 
var match = str.split(" ")[0];
document.write(match);

http://jsfiddle.net/4df3w/3/

Answer 3

DOM の場合:

document.getElementsByTagName('span')[0].nextSibling.textContent.split(' ')[0]

(明らかに、 getElementsByTagName('span')[0] はノードを見つけるための最も直接的なルートではないかもしれません)

正規表現を使用:

var text = '<span ...>blahblah</span> Some text';
var rx = /<\/(.*?)> ?(\S+)/;
console.log(text.match(rx)[2]);