JSFiddle - React, Tailwind, and code Playground
HTML
<input id="test:1" value=test1 />
JavaScript
function StringtoXML(text){
if (window.ActiveXObject){
var doc=new ActiveXObject('Microsoft.XMLDOM');
doc.async='false';
doc.loadXML(text);
} else {
var parser=new DOMParser();
var doc=parser.parseFromString(text,'text/xml');
}
return doc;
}
function serializeXmlNode(xmlNode) {
if (typeof window.XMLSerializer != "undefined") {
return (new window.XMLSerializer()).serializeToString(xmlNode);
} else if (typeof xmlNode.xml != "undefined") {
return xmlNode.xml;
}
return "";
}
var str = "<?xml version='1.0' encoding='utf-8'?><xsl:stylesheet version='1.0' xmlns:xsl='http://www.w3.org/1999/XSL/Transform'><xsl:output method='text' encoding='utf-8' /><xsl:variable name='title'>aaa</xsl:variable><xsl:variable name='col1'>CSV00001</xsl:variable><xsl_variable name='test'>test</xsl_variable></xsl:stylesheet>";
var csvXsl = StringtoXML(str);
var tmpStr = serializeXmlNode(csvXsl);
// Workaround for jQuery bug
var tmp = document.createElement('div');
tmp.innerHTML = tmpStr;
var varNodes = tmp.getElementsByTagName('xsl\:variable'); // Works
var varNodes2 = tmp.getElementsByTagName('xsl:variable'); // Also works
var inputTag = $("#test\\:1").val()); // Works
var varNodes3 = $(csvXsl).find("xsl_variable")[0]); // Works
// jQuery bug
var varNodesFails = $(csvXsl).find("xsl\\:variable"); // Does not work