Javascript 通过使用.html（）和jquery获取类的内容来更改音频源

这是我的小提琴-

基本上，当我点击播放按钮时，我想通过抓取

中的url来更改音频播放器的来源。我假设我会使用

.html（）

来做这件事

我已经在这方面工作了几个小时，但似乎无法让它按我希望的方式工作

如果所有URL都相同，我可以让它更改源代码，但如果它们不同，就不能更改源代码

---

在此方面的任何帮助都将不胜感激

然后您应该在

单击事件而不是外部获取源代码。使用
text（）
而不是
html（）

一点建议：如果您有更多的代码要在DOM ready上运行，那么不要重复
$（document）.ready（single_方法）使用：
$（document）.ready（function（）{…}）
并将整个代码放在这里

$(document).ready(function(){

    var allLyrics = $('.artist-album-indiv-info-right');
    $('.artist-album-track-listing-mini-play').click(function () {
        var trackSource = $(this).parent().find('.test2').text(); 
        allLyrics.hide();
        $(this).closest('.artist-album-indiv-info-left').next('.artist-album-indiv-info-right').show();
        $('audio').attr('src', trackSource);
        $('#total_duration').text('00:00');
    });

});

这是代码

$(document).ready(function(){

    $("span.artist-album-track-listing-mini-play").click(function(){
        var allLyrics = $('.artist-album-indiv-info-right');
        var trackSource = $(this).next('.test2').html();
         allLyrics.hide();
        $('audio').attr('src', trackSource);
        $('#total_duration').text('00:00');
    });
});

我暂时移除了一些部分。如果需要，可以添加它

工作
您想选择哪个
span
呢？我想能够单击
并从
$（文档）中获取源代码。ready（lyricsAndTrack）
是调用document ready方法的正确方法，甚至可以使用：
$（lyricsAndTrack）我知道。但是，为什么每次我们想在DOM就绪时调用函数时都要重复这个过程（假设页面上有更多的代码——如果没有，那就没关系了）？对不起，我不明白你的意思：
，但是为什么每次我们想在DOM就绪时调用函数时都要重复这个过程呢？！如果你的意思是OP发布的代码毫无用处，我会说是的，你是对的，因为OP后来似乎不记得相同的方法。我的意思是为什么不将整个代码包含在单个
文档就绪
闭包中，但像这样拆分：
$（document）.ready（lyricsAndTrack），
$（文档）.ready（doatherstuff），
$（文档）.ready（doSomethingElse）没关系，我明白你的意思；）