jquery使用一个值而不是选择器名称。

Question

你好，这就是我通常如何选择一个元素来获得它的名称。

<div id="song-name"></div>

<a href="#" id="play">Play</a>
<a href="#" id="pause">Pause</a>
<a href="#" id="skip">next</a>
<a href="#" id="previous">previous</a>
<br><br>

  <audio  id="1"   name="song1" class="audio-player" src="music.mp3"></audio>
   <audio id="2" name="song2" class="audio-player" src="music2.mp3"></audio>



  var songName=$("1").attr("name");

但我需要这样的东西

   var id=1;
        songName=$("id").attr("name");

它的写语法是什么？

我需要它，因为我有这个脚本显示当前的音乐播放名称，但它只显示第一首歌的名称，即使下一首歌正在播放。

   <script>
    $(document).ready(function() {
    var x = $(".audio-player").length;
    var z = 0;

    var songName=$("audio").attr("name");


    $("#play").click(function(){
        $(".audio-player")[z].play();
        $("#song-name").text(songName);
        $("#song-name").show();
    })
    $("#pause").click(function(){
        $(".audio-player")[z].pause();
        $("#song-name").hide();
    })
    $("#skip").click(function(){

        $(".audio-player")[z].pause();
        z++;
        if (z >= x) z = 0;


        $(".audio-player")[z].play();

        $(".audio-player")[z].currentTime = 0;
        $("#song-name").text(songName);
         $("#song-name").show();


    })




    $("#previous").click(function(){
        $(".audio-player")[z].pause();
        z=z-1;
        if (z >= x) z = 0;
        $(".audio-player")[z].play();
        $(".audio-player")[z].currentTime = 0;
        $("#song-name").text(songName);
    })
    });
    </Script>

所以我要做的是编辑#跳过函数

       $("#skip").click(function(){

            $(".audio-player")[z].pause();
    //where i edit       
    var  id=id+1;
        var songName=$("#id").attr("name");
//finish edit

            z++;
            if (z >= x) z = 0;


            $(".audio-player")[z].play();

            $(".audio-player")[z].currentTime = 0;
            $("#song-name").text(songName);
             $("#song-name").show();


        })

Answer 1

使用字符串连接和 operator

var id = 1;
var songName = $("#" + id).attr("name"); // "#" + id => "#1"