按名称查找变量

Question

我创建了一个jQuery音频播放器和音乐列表，因此，我将变量中的每个音频元素定义为：

var fade = new Audio('music/fade.mp3');
var spectre = new Audio('music/fade.mp3');

所以，当我点击这样的元素时，我想选择那个变量：

<div class="item" id="fade">Alan Walker - Fade</div>
<div class="item" id="spectre">Alan Walker - Spectre</div>

以下是我的身份证明：

var cs = fade; //default
$('.item').click(function(){
    cs = $(this).get(0).id;
    cs.play();
})

但......它不会播放音频，控制台日志：cs.play is not a function

我想用选定的id（带变量）播放音乐。

Answer 1

cs只是一个字符串，所以它没有播放方法。您需要做的是：

＆＃13;

＆＃13;

var audios = {
  fade: new Audio('music/fade.mp3'),
  spectre = new Audio('music/fade.mp3')
};
var cs = fade; //default
$('.item').click(function(){
  cs = $(this).get(0).id;
  audios[cs].play();
})

＆＃13;

＆＃13;

＆＃13;