使用JavaScript更改JavaScript代碼

Question

是的，這看起來很瘋狂，但我只想知道這是否可行。 我有這樣的事情：

$('button').click(function(){
    if(variable == 10){
        $('img').attr('src','img/image.jpg');
    } else {
        $('img').attr('src','img/image-2.jpg');
    }
});

現在，問題是我有多於2張照片（我有10個類別，每張照片2張），但是我不想創建10個變量並將該代碼塊復制10次。 所以我想知道您是否可以通過其他javascript命令更改“ img / image ... jpg”部分。

Answer 1

一種解決方案是將變量用作圖像名稱的一部分，例如

 $('img').attr('src','img/image-' + variable + '.jpg');

Answer 2

這取決於圖像的名稱-如果控制名稱，則可以使用稱為字符串串聯的概念使它們更好地與動態變量配合使用：

var num = 2;
$('img').attr('src', 'img/image-' + num + '.jpg');

此代碼將呈現img/image-2.jpg 。 如果更改num變量，則圖像源將相應更改。