按名称查找变量

时间:2016-04-06 21:05:11

标签: javascript jquery html

我创建了一个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(带变量)播放音乐。

1 个答案:

答案 0 :(得分:3)

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;