I have this string
@test <span class="mention">@test</span> @test2 <span class="mention">@test</span>`
And I would like to match all words starting with an @ symbol outside the span in Javascript
I have created the RegExp for matching the span objects
/<span class="mention"((.*)data-mention="\d+")?>@\w+<\/span>/g
But I just can't work out how to get elements not inside the span element!
here is a try to extract the desired
Regex
/(@\w+\b)(?![^>]*?<\/span>)/g
Test String
@test <span class="mention">@test</span> @test2 <span class="mention">@test</span>`
Result
@test@test2Demo
try demo here
note that it is not a foolproof solution, it is simply based on your test string.
Don't use a regex. It's HTML, so use the DOM manipulation methods:
var s = '@test <span class="mention">@test</span> @test2 <span class="mention">@test</span>';
var e = document.createElement("div");
e.innerHTML = s;
var spans = e.getElementsByTagName("span");
while (spans.length > 0) {
e.removeChild(spans[0]);
}
console.log(e.innerHTML);
This will leave you with @test @test2 which you can then split or match with a regex.
/<span[^>].*?<\/span>/g