jQuery를 사용하여 여러 앵커 URL을 가져 오는 방법은 무엇입니까?

Jplayer로 자바 스크립트 재생 목록을 만들고 싶습니다. 이것은 멋지고 쉬운 도구이지만, 나는 자바 스크립트로 코딩하지 않았다.jQuery를 사용하여 여러 앵커 URL을 가져 오는 방법은 무엇입니까?

이 demo에서 사용 된 자바 스크립트를보세요. 이 변수를 만들 난 그냥 장고 템플릿을 사용 (하지만 다른 템플릿 엔진이 될 수 있음), 지금은 그래서

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"}, 
];

: 그것은 MP3 및 오그 파일을 저장하기 위해 목록을 사용합니다. 그러나 나는이 목록 (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>

... 나는 목록의 각 인덱스는 HTML에서 track-ID를 나타내는 이와 같은 자바 스크립트 목록을 (구축해야

var files = [ 
    {mp3:"...", ogg:"..."}, 
    {mp3:"...", ogg:"..."}, 
    {mp3:"...", ogg:"..."}, 
];

내 추한 영어 실례하시기 바랍니다. 당신이 더 필요한 경우 정보 그냥 말해.

이 :-).

을 주셔서 감사합니다

출처

2010-03-23 user176455

을은 다음 하나의 가능성있는 :

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') 
    }); 
});

출처

2010-03-23 21:07:55 jholster

': nth-child()'를 사용하고': eq()'를 사용하지 않는 이유는 무엇입니까? –

내가 각 링크에 클래스를 추가, 예 :

<a class="mp3_link" href="...">Mp3</a>

그런 다음, 당신은 같은 것을 할 수있는 : 이것은 여러 가지 방법으로 수행 할 수

$("article").each(function() { 
    var mp3_url = $("a.mp3_link", this).attr('href'); 
    // Keep going and build your data structure 
});

출처

2010-03-23 21:06:06 jmans

jQuery를 사용하여 여러 앵커 URL을 가져 오는 방법은 무엇입니까?

답변

관련 문제