如何从锚标记中调用jQuery中的URL？

Question

我正在开发一个Web应用程序，在此查看下面的jquery代码：

$(document).ready(function () {

    var myPlaylist = new jPlayerPlaylist({
        jPlayer: "#jplayer_N",
        cssSelectorAncestor: "#jp_container_N"
    }, [
      {
          title: "<Here is song title>",
          artist: "<here is artist>",
          mp3: "Here is song URL", //Here i want to call URL from anchor tag..
          poster: "images/m0.jpg"
      }
    ], {
        playlistOptions: {
            enableRemoveControls: true,
             ................
             ................

现在这是我的html代码，我想播放以下音乐：

<a href="Music/Linkin_park.mp3">Play Linkin park</a>

<a href="Music/Linkin_park2.mp3">Play Linkin park2</a>

<a href="Music/Linkin_park3.mp3">Play Linkin park3</a>

在这种情况下我应该使用什么？

Answer 1

您尝试了以下吗？

<a id="lp1" href="Music/Linkin_park.mp3">Play Linkin park</a>
<a id="lp2" href="Music/Linkin_park2.mp3">Play Linkin park2</a>
<a id="lp3" href="Music/Linkin_park3.mp3">Play Linkin park3</a>

然后调用$("#lp1").click(); 使用onClick（）方法播放每首歌曲。

---

或者，也许您正在寻找这样的东西：

var songtoplay = $("#lp1").attr("href");

$(document).ready(function () {

var myPlaylist = new jPlayerPlaylist({
    jPlayer: "#jplayer_N",
    cssSelectorAncestor: "#jp_container_N"
}, [
  {
      title: "<Here is song title>",
      artist: "<here is artist>",
      mp3: songtoplay,
      poster: "images/m0.jpg"
  }
], {
    playlistOptions: {
        enableRemoveControls: true,
         ................
         ................

Answer 2

您可以使用以下代码$("#identifier").attr("href");获得网址$("#identifier").attr("href");

因为我不知道你的应用程序的结构，我建议你做foreach通过所有的a元素

Answer 3

请尝试这个

$( "a" ).click(function( event ) {
event.preventDefault();
alert($(this).attr('href'));
});

希望这会有所帮助

快乐学习：）