jquery - 编写元素的名称标签JQuery

Question

我正在制作一个自定义HTML5 / JQuery音频播放器，我的音频标签的名称类似于name="Song Name"，并且我想使用JQuery来获取该名称标签值并将其写入<p></p>标签中。但是无论何时运行，它都只说[object Object]而不是名称值。

HTML

<p id="song-name"></p>
<audio name="Song 1" src="/song1.mp3" type="audio/mpeg">
<audio name="Song 2" src="/song2.mp3" type="audio/mpeg">
<audio name="Song 3" src="/song3.mp3" type="audio/mpeg">

JQuery

var songName = $("audio[name]")

$("#song-name").text(songName);

JSfiddle

Answer 1

要获取名称值，您需要调用attr调用并按名称获取。

var songName = $("audio[name]").attr("name")

您正在将该变量设置为Jquery对象，该对象的文本值为 [object Object]。