Как добавить имя класса для всех элементов, начиная с определенного идентификатора?

Question

Прежде чем вы наброситесь на меня, я знаю, что этот вопрос может быть дубликатом. Я пробовал все остальные сообщения, найденные мной в stackoverflow, и потерпел неудачу.

Я хочу добавить имя класса ко всем элементам в моем html, которые начинаются с 'subclass', за которым следует однозначное число (classid), за которым следуетслучайное число. Я точно не знаю, сколько там элементов, так как они генерируются динамически с сервлетами.

Ниже приведен код, который я пытался запустить:

<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, но непредупреждение для «Привет, мир». Так что я точно знаю, что мой JQuery не прав ....

Answer 1

Вы пропустили кавычки, по этой причине селектор jquery не создается должным образом, см. Ниже

 highlight('25');
 function highlight(classid){
        alert(classid);
        $("p[id^='subclass" + classid + "']").addClass('bold');
        alert('hello world');
    }

.bold {
    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>