Question

我想在第二个“section”元素中访问mp3文件的src属性。我如何使用JQuery做到这一点？

<html>
<body>
<div id="slides">
    <section>
        <h3 class="audio"><audio src="file.mp3" /></h3>
    </section>
    <section>
        <h3 class="audio"><audio src="otherfile.mp3" /></h3>
    </section>
    <section>
        <h3 class="audio"><audio src="audio.mp3" /></h3>
    </section>
</div>
</body>
</html>

Answer 1

jQuery API

我认为这应该对你有所帮助。：）

代码为jQuery('audio:eq(1)').attr('src');

Answer 2

最简单的方法是为源元素分配一个id：

 <audio controls="controls">
      <source id="src1" src="/Tools/LoadAudioWav/@ViewBag.FilePath" type="audio/ogg" />
      <source id="src2"src="/Tools/LoadAudioMp3/@ViewBag.FilePath" type="audio/mpeg" />
 </audio>

然后来自Jquery

    var p2 = document.getElementById('src1'); 

    var source = p2.src; //to get the value

    p2.src = "/Tools/LoadAudio?id=aud3"  // to assign a value

Answer 3

嗯，通常情况下，您要为要访问的特定元素设置id。

但是，你仍然可以做你想做的事：

var source = $('#slides section:nth-child(2) audio').attr('src');

请参阅the docs。

使用JQuery获取audio src属性

3 个答案: