Question

   <div>
       <span>ABC</span>
        <ul>
             <li>list</li>
             <li>list</li>
             <span>ABC</span>
             <li>list</li>
        <ul>
        <span>ABC</span>
  </div>

This is myString variable, now i want to remove the span elements from this string? So myString will be:

   <div>
        <ul>
             <li>list</li>
             <li>list</li>
             <li>list</li>
        <ul>
  </div>

Thanks
(remove() only works on top level elements)

Answer 1

try:

var str = '<div><span>ABC</span><ul><li>1</li><li>2</li></ul><span>ABC</span></div>';
var without_span = $(str).find('span').remove().end(); 

end() gets the updated string (technically, returns the last selection from the stack, i.e. before find).

demo : http://jsfiddle.net/t2uNr/