Изменение «идентификатор» атрибут OnClick

Question

Я хотел бы изменить «идентификатор» образа (вместо toggleclass, потому что уже используется класс), как это:

<img src="<?php echo HTTP_IMAGES_PATH; ?>roof.png" class="img-responsive" id="roof" /> 
<button onclick="changeID('roof_red')">RED</button> 

с яваскрипта части :

function changeID(this_color) { 
     $('roof').attr('id', this_color); 
     console.log(this_color); 
    } 

и HTML:

<button onclick="changeID('roof_red')">RED</button> 

Он не работает, и когда я смотрю на журнал, есть ссылка ошибка: $ нет t определяется ... Что я делаю неправильно, пожалуйста?

Answer 1

Звучит как jQuery неправильно загружен. Ознакомьтесь с этой информацией об устранении неполадок answer.

Answer 2

Ошибка в том, что если вы хотите использовать jQuery (чтобы получить обоснованное предположение ...), вы должны включить его на страницу. вероятно, отсутствует <script src="jquery.js"></script> или вариант этого.

Относительно того, что вы делаете неправильно, хорошо, что нет оснований менять идентификатор элемента, а не манипулировать классами или атрибутами CSS, определенно, не является веской причиной.