JQuery разделить только слова, которые не имеют определенного класса

Question

у меня есть следующий код:

<div id ="selectable1"> 
<span id="layer6"> 
here are some words that needs to be splited 
<span class="good">this should not be splitted<span> 
this should be splitted 
<span class="good">and this should not be spited<span> 
</span> 
</div> 

Я пытаюсь написать функцию, которая будет разделить только те слова, которые не имеют класс «хорошо». Я использую это:

var words = $("#selectable1 span.cica").text().split(" "); 
var text = words.join("</span><span class='drag col'> "); 
$("#selectable1 span.cica").html("<span class='drag col'>" + text + "</span>"); 

... но это раскалывает все мои слова, и мне нужно «хороший» класс не быть расщепляется и не должны быть добавлены к тексту вар - присоединяйтесь.

Надеюсь, что я хорошо объяснил, что я хочу здесь сделать, я знаю, что это может быть неприятно.

Thanx За вашу помощь

Answer 1

Обновление, основанное на комментариях. Поскольку you'r завернутые в пролете, селектор будет немного сумасшедший, сделать это вместо того, чтобы:

var span = $("#selectable1>span.cica").clone(); 
span.find(".good").remove(); 
var words = span.text().split(" "); 
var text = words.join("</span><span class='drag col'> "); 

Answer 2

var words = $("#selectable1 span:not(.good)").text().split(" "); 
var text = words.join("</span><span class='drag col'> "); 

Это может работать ...