Fatal编程技术网
  • javascript/
  • Javascript 如何使用jQuery检索多个锚URL？

Javascript 如何使用jQuery检索多个锚URL？

javascript jquery html dom

Javascript 如何使用jQuery检索多个锚URL？,javascript,jquery,html,dom,jplayer,Javascript,Jquery,Html,Dom,Jplayer,我想用Jplayer创建一个javascript播放列表。这是一个很好且简单的工具，但我从未使用javascript编写代码 请看本文中使用的javascript。它使用列表存储MP3和Ogg文件： var myPlayList = [ {name:"Tempered Song",mp3:"http://www.miaowmusic.com/mp3/Miaow-01-Tempered-song.mp3",ogg:"http://www.miaowmusic.com/ogg/Miaow-0

我想用Jplayer创建一个javascript播放列表。这是一个很好且简单的工具，但我从未使用javascript编写代码

请看本文中使用的javascript。它使用列表存储MP3和Ogg文件：

var myPlayList = [
    {name:"Tempered Song",mp3:"http://www.miaowmusic.com/mp3/Miaow-01-Tempered-song.mp3",ogg:"http://www.miaowmusic.com/ogg/Miaow-01-Tempered-song.ogg"},
    {name:"Hidden",mp3:"http://www.miaowmusic.com/mp3/Miaow-02-Hidden.mp3",ogg:"http://www.miaowmusic.com/ogg/Miaow-02-Hidden.ogg"},
    {name:"Lentement",mp3:"http://www.miaowmusic.com/mp3/Miaow-03-Lentement.mp3",ogg:"http://www.miaowmusic.com/ogg/Miaow-03-Lentement.ogg"},
    {name:"Lismore",mp3:"http://www.miaowmusic.com/mp3/Miaow-04-Lismore.mp3",ogg:"http://www.miaowmusic.com/ogg/Miaow-04-Lismore.ogg"},
    {name:"The Separation",mp3:"http://www.miaowmusic.com/mp3/Miaow-05-The-separation.mp3",ogg:"http://www.miaowmusic.com/ogg/Miaow-05-The-separation.ogg"},
    {name:"Beside Me",mp3:"http://www.miaowmusic.com/mp3/Miaow-06-Beside-me.mp3",ogg:"http://www.miaowmusic.com/ogg/Miaow-06-Beside-me.ogg"},
];
所以现在，我只使用一个django模板（但它可能是另一个模板引擎）来创建这个变量。但是，我想使用javascript函数动态创建此列表（
myPlayList
），该函数将从HTML代码中检索MP3 URL和Ogg vorbis URL

因此，从这个HTML代码中

<body>
    <article id="track-0">
        <h1>lorem ipsum</h1>
        <ul>
            <li><a href="...">Mp3</a></li>
            <li><a href="...">Vorbis</a></li>
            <li><a href="...">Flac</a></li>
        </ul>
    </article>

    <article id="track-1">
        <h1>lorem ipsum</h1>
        <ul>
            <li><a href="...">Mp3</a></li>
            <li><a href="...">Vorbis</a></li>
            <li><a href="...">Flac</a></li>
        </ul>
    </article>

    <article id="track-2">
        <h1>lorem ipsum</h1>
        <ul>
            <li><a href="...">Mp3</a></li>
            <li><a href="...">Vorbis</a></li>
            <li><a href="...">Flac</a></li>
        </ul>
    </article>
</body>
请原谅我的英语不好。如果你需要更多的信息，告诉我

谢谢。：-）

我会为每个链接添加一个类，例如：

<a class="mp3_link" href="...">Mp3</a>
我会为每个链接添加一个类，例如：

<a class="mp3_link" href="...">Mp3</a>
这可以通过多种方式实现，以下是一种可能性：

var files = [];
$('article').each(function() {
    files.push({
        mp3: $('li:nth-child(1) a', this).attr('href'),
        ogg: $('li:nth-child(2) a', this).attr('href')
    });
});
这可以通过多种方式实现，以下是一种可能性：

var files = [];
$('article').each(function() {
    files.push({
        mp3: $('li:nth-child(1) a', this).attr('href'),
        ogg: $('li:nth-child(2) a', this).attr('href')
    });
});
为什么使用
：n-child（）
而不使用
：eq（）
？为什么使用
：n-child（）
而不使用
：eq（）
？