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

Question

这是我想要的：

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

我只想得到文本“第 4 步：订单确认”

$('h3.ExpressCheckoutTitle').text() 给我来自<a>元素的文本，如下所示：“修改 >> 步骤 4：订单确认”

我如何在 jquery 中做到这一点？

Answer 1

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

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

示例小提琴

Answer 2

我会使用.contents和过滤nodeType == 3。看

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

alert($.trim(h3Text));

演示

编辑：使用 $.trim 删除尾随空格后更新.. 并正确使用过滤器