javascript - 如何将 querySelectorAll 与变量一起使用？

Question

我有两个相互替代的 HTML 元素，我正在尝试编写一个 JS 函数，如果另一个存在则删除一个(它们起源于 <sic> 和 <corr> 中的单词，位于 <choice> 中TEI 文档)。在我的转换中，它们都被分配了一个带有唯一前缀的代码(不是 @id :@id 是随机生成的，出于其他目的必须保持如此):

<a id="abc" choicePOS="sic0">Element1</a>
<a id="xyz" choicePOS="corr0">Element2</a>

在“属于”Element1 的 JS 函数中，我想选择 Element2 以将其删除。这是我尝试过的(el 是 element1):

var choicePOS = el.getAttribute("choicePOS").slice(3); // produces 0
var corrID = "corr" + choicePOS; // produces corr0
var corr = document.querySelectorAll("a[choicePOS=corrID]");

这失败了，大概是因为 corrID最后一行中的变量在引号中并被视为字符串。我已经阅读了各种关于 CSS 选择器的教程，但找不到任何关于如何将它们与可变属性值一起使用的指南。这可能吗？如果是这样，如何？如果没有，还有其他选择吗？

编辑:关于如何在 JS 中将字符串与变量连接起来的许多其他问题已被建议作为此问题的重复项。为了澄清，我特别询问 querySelectorAll ，因为我找不到任何与变量一起使用的示例。如果答案是它的选择器将被视为任何其他 JS 字符串(即可以连接变量)，那么这是非常令人满意的。

Answer 1

使用模板文字来评估

var corr = document.querySelectorAll(`a[choicePOS=${corrID}]`);