jquery - jQueryセレクターを使用してIDまたはクラスのないテキストを選択する

Question

次のテンプレートを使用して、「このテキストを取得」を取得するにはどうすればよいですか。

<h1 class="classA classB">
        Obtain this text 
        <span class="unwanted">
            unwanted text
        </span>
</h1>

私は試し$('.classA.classB:not(.unwanted)')ましたが、不要なことなくすべてを取り戻しました。

Answer 1

jsFiddle
クローンを作成し、子供をドロップして、テキストを取得します。

$('.classA').clone().find('.unwanted').remove().end().text();

Answer 2

$("#foo")
    .clone()    //clone the element
    .children() //select all the children
    .remove()   //remove all the children
    .end()  //again go back to selected element
    .text();    //get the text of element

.remove（）はセレクターを受け入れるので、次のようなことができます.remove('.unwanted')

ソース http://viralpatel.net/blogs/jquery-get-text-element-without-child-element/

デモ

http://viralpatel.net/blogs/demo/jquery/get-text-without-child-element/

尋ねる前にグーグルしてください