javascript - 排除某些子元素的 CSS 选择器

Question

我有这个 HTML:

<div class="item-cost">
    <a data-passage="Shop" class="link-internal macro-link" tabindex="0" id="Link1">$10 <sup>1</sup></a>
</div>

我正在编写此 testcafe 代码来获取成本:

.expect(Selector('.item-cost').nth(0).innerText)
.eql('$1')

此操作失败，因为内部文本是 $11，而不是 $1。它失败的原因是因为 super 元素的内容包含在内部文本中。有什么方法可以修改上面的选择器，以便它为我提供内部文本而不包含sup 元素？我无法修改 HTML。

Answer 1

使用 <sup> 怎么样？你的测试中也有吗？

.expect(Selector('.item-cost').nth(0).innerText)
.eql('$1 ' + Selector('.item-cost sup').nth(0).innerText)