我无法使用动态路径名附加来自文件路径的图像的动态创建的 div答案

【问题标题】：I can't append a dynamically created div with an image from a file path using a dynamic path name我无法使用动态路径名附加来自文件路径的图像的动态创建的 div
【发布时间】：2019-08-18 15:23:22
【问题描述】：

我正在尝试用不断变化的图像动态填充 div。我正在尝试使用不断变化的路径名来做到这一点。但是，每当我查看为它不添加 / 的路径生成的 html 代码时，我已经将它与文件名的其余部分连接起来（参见附加代码）。

我试图重写我正在连接的字符串，隔离 / 字符。

 function displayFighterbox()
{
    alert(whoseturn.name);
    if(whoseturn.name=='firstPlayer')
    {
        $('#walunguWeapon').append('<div class="playerBox" >play</div>');
        $('#walunguWeapon').append('<div><img src:"image/'+whoseturn.weapon+'.png"></div>');
    }
    if(whoseturn.name=='secondPlayer')
    {
        $('#fanjanoWeapon').append('<div class="playerBox"> Play </div>');
        $('#fanjanoWeapon').append('<div><img src:"image/"'+whoseturn.weapon+'.png></div>');
    }
}

我希望代码在第一个 div 之后附加一个图像（顺便说一句，它工作正常）。但是由于路径连接不正确，图像没有显示出来。

【问题讨论】：

标签： javascript jquery html filepath

【解决方案1】：

假设文件路径本身是正确的，您有两个问题。首先src:"image... 需要是src="image...。其次，HTML中的引号会不匹配，需要修复。

还要注意，除了选择器之外，条件的两边都是相同的，您可以使用三元组来干掉这个逻辑。此外，单个append() 调用将比两个单独调用更好。

function displayFighterbox() {
  var selector = whoseturn.name == 'firstPlayer' ? '#walunguWeapon' : '#fanjanoWeapon';
  $(selector).append('<div class="playerBox">play</div><div><img src="image/' + whoseturn.weapon + '.png"></div>');
}

【讨论】：