Javascript 使用Document.Evaluate() Select 一个包含撇号的HTML元素

发布于02月12日

我正在try 使用document.evaluate() Select 一个包含1'000 g的元素.问题出在apostrophe.我try 使用\u0027、''、\'、\\'和'，但它们要么触发无效的XPath表达式错误，要么不返回任何元素.

const items1 = document.evaluate(
  "//p[contains(normalize-space(.), '1000\u00a0g')]",
  document,
  null,
  XPathResult.ORDERED_NODE_SNAPSHOT_TYPE,
  null,
);
console.log("item1", items1.snapshotItem(0).textContent);

const items2 = document.evaluate(
  "//p[contains(normalize-space(.), '1&#x27;000\u00a0g')]",
  document,
  null,
  XPathResult.ORDERED_NODE_SNAPSHOT_TYPE,
  null,
);
console.log("item2", items2.snapshotItem(0).textContent);

<p>1000&nbsp;g</p>
<p>1'000&nbsp;g</p>

在document.evaluate()中使用xpath表达式 Select 包含撇号的元素的正确方法是什么？

推荐答案

要将撇号包括在XPath的"CONTAINS"部分中，您需要将其用作原义字符，并将字符串括在双引号中，您必须在外部字符串中使用\"进行替换:

const items1 = document.evaluate(
  "//p[contains(normalize-space(.), '1000\u00a0g')]",
  document,
  null,
  XPathResult.ORDERED_NODE_SNAPSHOT_TYPE,
  null,
);
console.log("item1", items1.snapshotItem(0).textContent);

const items2 = document.evaluate(
  "//p[contains(normalize-space(.), \"1'000\u00a0g\")]",
  document,
  null,
  XPathResult.ORDERED_NODE_SNAPSHOT_TYPE,
  null,
);
console.log("item2", items2.snapshotItem(0).textContent);