从h3元素获取Text而不从h3的子元素获取文本

Question

这就是我想要的：

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

我想获得文字“第4步：订单确认”

$('h3.ExpressCheckoutTitle').text()向我提供<a>元素中的文字以及类似内容：“修改＆gt;＆gt;步骤4：订单确认”

我如何在jquery中执行此操作？

Answer 1

您可以使用contents()直接访问textNodes。试试这个：

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

Example fiddle

Answer 2

我会使用.contents并按nodeType == 3过滤。见

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

alert($.trim(h3Text));

DEMO

修改：使用$ .trim删除尾随空格后更新..并且还正确使用了过滤器