jquery - h3 の子要素からテキストを取得せずに h3 要素からテキストを取得する

Question

ここに私が欲しいものがあります:

<h3 class="ExpressCheckoutTitle">
            <a onclick="" href="#" class="ChangeLink">Modify »</a>
            Step 4: Order Confirmation
  </h3>

「Step 4: Order Confirmation」というテキストだけを取得したい

$('h3.ExpressCheckoutTitle').text() 要素からのテキスト<a>も次のように表示されます：「変更 >> ステップ 4: 注文確認」

jqueryでこれを行うにはどうすればよいですか?

score 4 · Accepted Answer

contents()textNodesに直接アクセスするために使用できます。これを試して：

var text = $("h3").contents().filter(function() {
    return this.nodeType == 3;
});

score 3 · Accepted Answer

を使用.contentsしてフィルタリングしnodeType == 3ます。見る

var h3Text = $('h3.ExpressCheckoutTitle').contents().filter(function() {
   return this.nodeType == 3
}).text();

alert($.trim(h3Text));

編集： $。trimを使用して末尾のスペースを削除した後に更新されました。また、フィルターを適切に使用しました

2 に答える 2