jQuery的投入，而不是選擇名稱的值

Question

您好，這是我怎麼usualy選擇一個元素來得到它的名字

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

 $("#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"