如何从锚标记调用 jquery 中的 url - How to call url in jquery from anchor tag?

How to call url in jquery from anchor tag?

本文关键字：调用 jquery 中的 url | 更新日期: 2023-09-27

我正在开发一个 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>

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

您可以获取包含以下代码的 url $("#identifier").attr("href");

由于我不知道您的应用程序的结构，因此建议您对所有a元素进行foreach

你试过以下吗？

<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>

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

或者也许你寻找这样的东西：

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,
         ................
         ................

请尝试这个

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

希望这有所帮助

快乐学习:)