如何使用javascript将<p> <span> Hello </ span> </ p>拆分为<span> Hello </ span>

Question

如何拆分<p><span>Hello</span></p>到<span>Hello</span>使用javascript

var text = "<p><span>Hello</span></p>";

记住:我不知道含有什么<p>,我不知道是否<p>有任何属性

我找到了答案!

var patt=/^<p.*?>(.*)<\/p>$/i;
var result=patt.exec(text);
alert(result[1]); 

谢谢你的ring0&w3schools http://www.w3schools.com/jsref/jsref_obj_regexp.asp

但是有问题!它不起作用

aa<p><span>Hello</span></p>aa

Answer 1

不要对此进行字符串操作,请使用DOM.

// create a dummy container div element
var tempDiv = document.createElement('div');
// insert the desired html inside this container
tempDiv.innerHTML = "<p><span>Hello</span></p>";
// find the first para, and get its html
tempDiv.getElementsByTagName("p")[0].innerHTML; // contains "<span>Hello</span>"

试试这个片段.

如果您使用的是像jQuery这样的框架,您可以使用:

$("<p><span>Hello</span></p>").html()

试试这个片段.