prueba 1 lista texto

by poselab

HTML

<ul>
<li>item1
    <ul>
    	<li>sub1</li>
    	<li>sub2</li>
    </ul>    
</li>
</ul>

CSS

li{color:black}
span{color:red}

JavaScript

jQuery.fn.change_text = function() {
    var hijos = $(this).clone().children();
	var texto = $(this).children().remove();
    $(this).wrapInner('<span>');
    if(hijos != undefined){
        $(this).append(hijos);
    }
};

$("ul li").change_text();
$("span").attr('contenteditable','true');