无法使用jQuery.each（）获取要播放的音频

我试图让与特定单词相关联的音频文件连续播放，在播放音频时，单个单词会被隐藏，并且在事件之间会有短暂的延迟。我希望对页面中的每个单词重复这个过程。这是html的一部分：

    <p id="pathVar">/templates/beez_20/audio/word_sets/word_set1/</p>
    <p class="wordSetNum">1</p>
    <div id="word_learning">
      <p id="title">Word Learning 1</p>
      <div id="centering">     
        <div id="left_col"> 
          <p class="word_learn">1<span class="color_up audio" id="b1e1">the</span> คำนำหน้านามเจาะจง </span></p>
          <p class="word_learn">2<span class="color_up audio" id="b1e2">and</span>    และ </span></p>
          <p class="word_learn">3<span class="color_up audio" id="b1e3">of</span>       ของ </span></p>
          <p class="word_learn">4<span class="color_up audio" id="b1e4">to</span>       ถึง </span></p>
          <p class="word_learn">5<span class="color_up audio" id="b1e5">a</span>        หนึ่ง </span></p>

---

第一个警报在加载页面时显示，但第二个警报在单击列表中的初始单词时不显示。如果有任何帮助，我将不胜感激。在

中，您使用的是错误的。像这样使用它：jQuerythis.css'color'，'black'，谢谢。我还发现html wordSetNum和js变量setNum之间不匹配。也改变了这一点。现在播放页面上最后一个单词的音频，有些进步！！

    "use strict";
    jQuery.noConflict();
    jQuery(document).ready(function() { 
    alert("1st");
      jQuery("div#word_learning").click(function (evnt) {
      alert("2nd");
        var  pathVar = document.getElementById("pathVar").innerHTML,
          setNum = document.getElementById("setNum").innerHTML, 
          audioElement = document.createElement("audio"),
          audioType = Modernizr.audio.ogg? ".ogg": ".mp3";
        jQuery("p.word_learn").each(function(i)  {
          jQuery(this).css("color : red;");
          audioElement.src = pathVar+"b"+setNum+"e"+i+audioType;
          jQuery(this).delay(250);
          audioElement.load();    
          audioElement.play();     
          jQuery(this).delay(500);
          jQuery(this).css("color : black;");
        });
      });
    });