javascript - 为什么这行 Jquery selectiong ALL div's with the class=rule-name？

Question

我是一个 JQuery 新手，正在尝试慢慢开始。我已将以下代码行放入 Tampermonkey 脚本中，并针对所需页面运行它。

$('<span id="matrixVarTableInit">Default Rule Tests</span>').insertAfter( "div:contains('Default Rule').rule-name" );

我希望这会在包含文本“默认规则”并具有类“规则名称”的 div 之后插入我提供的 HTML(跨度)。

但是，这是在每个带有 class='rule-name' 的 div 之后插入 HTML 片段(有效地忽略标签中是否包含文本“默认规则”)。

Answer 1

尝试交换 :contains() 和 .className 选择器的位置

$('<span id="matrixVarTableInit">Default Rule Tests</span>')
.insertAfter("div.rule-name:contains('Default Rule')");