Изменить изображение SRC при условии

Question

Эй, ребята, я пытаюсь отобразить изображение в зависимости от переменной, которая есть в моем HTML.Позвольте мне объяснить подробнее ...

У меня есть этот HTML

<div class="container">
<span class="var">1</span>
<img class="varimg" src="" alt="" />
</div>

И я хочу, чтобы jQuery проанализировал текст span.var, тогда, если это:

1: вернуть "images / 1.jpg"

2: вернуть "images / 2.jpg"

3: вернуть "images / 3.jpg"

(там будетбыть только 3 ...)

, а затем ввести его в img src ...

Возможно ли это?Я пытался, но я все еще новичок в jQuery ...

Заранее большое спасибо!

Answer 1

попробуйте это ..

imgSrc = 'images/'+$(".var").text()+'.jpg');
$('.varimg').attr('src',imgSrc );

Answer 2

$('.varimg').each(function() {
   $(this).attr('src','images/'+$(this).prev().text()+'.jpg');
});

поместите этот код в ваш $ (документ) .ready ()

2-е редактирование: исправлено! нажмите здесь для демонстрации jsfiddle:)