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>

我正在尝试编写一个只拆分没有“good”类的单词的函数。 我正在使用这个：

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>");

...但是这会分裂我的所有单词，我需要“好”类不要拆分而不要添加到var text - join。

我希望我已经很好地解释了我想在这里做什么，我知道这可能会令人困惑。

Thanx求助

Answer 1

根据评论进行更新。因为你缠绕在一个跨度中，选择器有点疯狂，而是这样做：

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'>  ");

那可能有用......