Использование переменной в селекторе jquery

Question

Я хочу изменить src файла изображения. Пробовал использовать ниже с помощью переменной, но на самом деле это не меняет. Где я допустил ошибку при использовании переменной?

JQuery

var p2begen = "416"; 
$("[id=i'" + p2begen + "']").attr("src", "check.png"); 

HTML

<img src="nocheck.png" id="i416" \> 

Answer 1

Чтобы вставить ссылку на идентификатор в JQuery вам нужно добавить #. См. here в документах jquery. Важно отметить, что идентификаторы должны быть уникальными, но вы можете использовать класс на столько элементов, сколько хотите.

var p2begen = "416"; 
$("#i" + p2begen).attr("src", "check.png"); 

Если вы хотите использовать классы вместо ваш код должен выглядеть следующим образом:

<img src="nocheck.png" class="i416" \> 

var p2begen = "416"; 
$(".i" + p2begen).attr("src", "check.png"); 

Answer 2

добавить # на старте.

var p2begen = "416"; 
$("#i" + p2begen).attr("src", "check.png"); 

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

var p2begen = "416"; 
$("[id='#i" + p2begen + "']").attr("src", "check.png"); 

путем добавления # и перемещение ' назад 2 места.

Answer 3

Самый простой способ сделать это состоит в использовании селектора для идентификаторами, и ваш селектор будет выглядеть следующим образом:

var p2begen = "416"; 
$('#i' + p2begen).attr("src", "check.png");