Javascript Replace all but what is inside of title=""

Question

I have this text

var test = "<span data-toggle="tooltip" title="2Test">1TEST</span>";

I don't rely not sure what I am doing and could need some help. This is what I tried:

test = test.replace(/<span data-toggle="tooltip" title="|">[^>]*>/gi, "");

The test variable should only return the value inside of "title".

Answer 1

I agree with @Biffen you shouldn't really parse HTML with regex! But if you must do it, try this...

var test = "<span data-toggle='tooltip' title='2Test'>1TEST</span>";
var result = test.match(/title='([^']+)'/)[1];

console.log(result); //2Test

Answer 2

You don't need to parse HTML to get the title attribute, instead you can access title attribute from HTML DOM.

Create a temporary container with createElement, then set inner html with your html string, lastly traverse to first child which is the span and get the title attribute that you want.

Example:

var test = "<span data-toggle='tooltip' title='2Test'>1TEST</span>";

var el = document.createElement('div');
el.innerHTML = test;
var title = el.firstChild.getAttribute('title')
console.log(title) //2Test