Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/419.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用JavaScript/jQuery将字符串拆分为字符并将声音附加到每个字符_Javascript_Jquery_Mysql_Html_Css - Fatal编程技术网

使用JavaScript/jQuery将字符串拆分为字符并将声音附加到每个字符

使用JavaScript/jQuery将字符串拆分为字符并将声音附加到每个字符,javascript,jquery,mysql,html,css,Javascript,Jquery,Mysql,Html,Css,我在MySQL数据库中存储了一个字符串 我想从数据库中提取字符串,将其分解为char元素,并将声音文件附加到每个字母上。这些字母将显示在网页中,单击时,将播放代表该字母的声音 我尝试过使用.split()函数,但没有太大成功。有人看到过类似的情况吗?有人有什么建议吗?要想获得相对简单的拆分,可以使用传统的JS或jQuery,只需将标记生成插入到下面 var str = "No clue what you are trying"; for (var x = 0; x < str.length

我在MySQL数据库中存储了一个字符串

我想从数据库中提取字符串,将其分解为
char
元素,并将声音文件附加到每个字母上。这些字母将显示在网页中,单击时,将播放代表该字母的声音


我尝试过使用
.split()
函数,但没有太大成功。有人看到过类似的情况吗?有人有什么建议吗?

要想获得相对简单的拆分,可以使用传统的JS或jQuery,只需将标记生成插入到下面

var str = "No clue what you are trying";
for (var x = 0; x < str.length; x++){
    var myC = str.charAt(x);
    //or var myC = str[x];
    //what do you want to do?
}

//jQuery overkill
$.each(
    str.split(''),
    function( idx, myC ){
        //what do you want to do?
    };
);
var str=“不知道你在尝试什么”;
对于(变量x=0;x
var char=[],
str,//您的字符串
我
len=str.length
对于(i=0;i
如果我看这里

你可以试试

var chars = "<? echo $string; ?>".split("");
var sounds = [];
$.each(chars,function(i,char) {

  if (!sounds[char]) sounds[char] = new Audio(char+".wav"); // buffers automatically when created
  $("#container").append('<a href="#" onclick="sounds[this.innerHTML].play();return false">'+char+'</a>');
});
var chars=”“.split(“”);
var声音=[];
$.each(字符,函数(i,字符){
如果(!sounds[char])sounds[char]=新音频(char+“.wav”);//创建时自动缓冲区
$(“#容器”)。附加(“”);
});

您能粘贴您尝试的内容吗?你只是想把“whatagreatsong”分解成w h a t?向我们展示您的解决方案可以让我们更容易地提出解决方案。为什么split对你没有帮助?我担心播放歌曲不是一种同步操作=>你的方法不起作用。你能编辑你的答案并解释一下这是如何回答这个问题的吗?我一直认为避免由于长度而自动标记是一件好事。你的答案最初被机器人标记为太短。可能是因为答案是100%一个代码块。一个好答案的特点是展示和讲述,而不仅仅是展示。这似乎很有帮助。如果我把“和”分解成“N”和“D”。如何将正确的声音动态地附加到每个字符?比如,if(char[i]=('a'){char[i].playclip(a)}我的思路大致正确吗?对不起,我对javaScript非常陌生。你说的是“单击时”,所以你需要为单击事件设置事件处理程序。你还需要为每个字母设置和元素。
var chars = "<? echo $string; ?>".split("");
var sounds = [];
$.each(chars,function(i,char) {

  if (!sounds[char]) sounds[char] = new Audio(char+".wav"); // buffers automatically when created
  $("#container").append('<a href="#" onclick="sounds[this.innerHTML].play();return false">'+char+'</a>');
});