如何将类名添加到以特定 id 开头的所有元素？

Question

在你抨击我之前，我知道这个问题可能是重复的。我尝试了在 stackoverflow 上找到的所有其他帖子，但都失败了。

我想为我的 html 中的所有元素添加一个类名，这些元素以“子类”开头，后跟一个数字（classid），后跟一个随机数。我不知道有多少元素，因为它是用 servlet 动态生成的。

以下是我尝试运行的代码：

<style>

.bold {

    font-weight: bold;

}

</style>

<script>

function highlight(classid){

    alert(classid);

    $("p[id^='subclass'+classid]").addClass('bold');

    alert('hello world');

}

</script>

<p id='subclass25'>Hello World </p>

我收到了 classid 的警报，但没有收到“hello world”的警报。所以我确定我的 JQuery 是错误的....

Answer 1

您错过了引号，这是 jquery 选择器未正确创建的原因，请参见下文&nbsp;highlight('25');&nbsp;function highlight(classid){&nbsp; &nbsp; &nbsp; &nbsp; alert(classid);&nbsp; &nbsp; &nbsp; &nbsp; $("p[id^='subclass" + classid + "']").addClass('bold');&nbsp; &nbsp; &nbsp; &nbsp; alert('hello world');&nbsp; &nbsp; }.bold {&nbsp; &nbsp; font-weight: bold;}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><p id='subclass25'>Hello World </p>