通用字符串选择器的Javascript吗？

Question

我有类似的东西

x.getElementById("foo" + rowIndex);

在几种情况下，ID中的“ foo”之前还有一些其他字符串，我的问题是是否有任何替换（例如SQL中的“％”）可以用来向“ foo”添加其他内容“ 喜欢

x.getElementById("%foo" + rowIndex);

Answer 1

如果使用querySelector而不是getElementById ，则可以传递选择器字符串，该选择器字符串选择以所需子字符串结尾的ID，例如：

x.querySelector('[id$="foo' + rowIndex + '"]');

 const rowIndex = 3; console.log(document.querySelector('[id$="foo' + rowIndex + '"]')); 

 <div id="barfoo3">text</div> 

（当然，如果要选择所有以ID结尾的元素，请使用querySelectorAll而不是querySelector ）

就是说，请注意，这样的动态ID有点像代码的味道-您可以考虑是否有更优雅的替代方法。