javascript - 使用 XPath 选择包含特定文本的 LI 时遇到问题

Question

这是列表项的 HTML:

<li class="disabled-result" data-option-array-index="1" style="">4" (0)</li>

这是我正在尝试使用的 JS，它不起作用:

var xpath = "li[contains(.,'4"')]";
var matchingElement = document.evaluate(xpath, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
matchingElement.setAttribute('style', 'display: none;" ) !important' );

理想情况下，我会为要隐藏的列表项分配一个 ID，但这是一个 Wordpress 网站，这很难做到。

我注意到在页面源代码中，<li> html 不显示(仅在检查器中)。我在页脚中运行了 JS。

非常感谢任何帮助。我一直在挠头。

(我也尝试过不使用 var matchingElement 行。我对使用 Xpath 还不是很熟悉，过去主要使用查询选择器。)

编辑:这是 <UL> 的完整代码

<ul class="chosen-results">
<li class="active-result result-selected" data-option-array-index="0" style="">Size</li>
<li class="disabled-result" data-option-array-index="1" style="">4" (0)</li>
<li class="disabled-result" data-option-array-index="2" style="">5" (0)</li>
<li class="active-result" data-option-array-index="3" style="">Extra Large (5)</li>
<li class="active-result" data-option-array-index="4" style="">Large (7)</li>
<li class="active-result" data-option-array-index="5" style="">Medium (8)</li>
<li class="disabled-result" data-option-array-index="6" style="">Small (0)</li>
</ul>

Answer 1

尝试下面的代码:

var xpath = "//li[contains(text(), '4\"')]";
var matchingElement = document.evaluate(xpath, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
matchingElement.setAttribute('style', 'display: none;") !important' );

你也可以试试:

var xpath = "//li[@class = 'disabled-result' and contains(text(), '4\"')]"