Как получить значение атрибута HREF из ссылки?

Question

Существует элемент на странице

<a class="openDialog" data-dialog-id="playDialog" data-dialog-title="Audio" href="/Home/Play/id?media/track.mp3">Play Audio</a> 

Когда пользователь нажимает на него, то диалоговую модель создана, jPlayer создается внутри этого диалогового на < ...> в документе готовой функции Как я могу восстановить HREF значения из исходного элемента? Другими словами, я хочу получить это значение и передать это имя игроку. Могут ли быть другие лучшие способы существования? ...

$(document).ready(function() { 
$("#jquery_jplayer_1").jPlayer({ 
      ready: function() { 
// here 
       var fname1 = $(this).attr("title"); 
       console.log('** title=' + fname1); 

       $(this).jPlayer("setMedia", { 
        mp3: fname1 
       }).jPlayer("play"); 
      }, 
      ended: function (event) { 
       $(this).jPlayer("play"); 
      }, 
      swfPath: "swf", 
      supplied: "mp3" 
     }) 
    .bind($.jPlayer.event.play, function() { // pause other instances of player when current one play 
     $(this).jPlayer("pauseOthers"); 
    }); 
    }); 

Пример, у меня есть элементы на одной странице

<br/> 
<a class="openDialog" data-dialog-id="playDialog1" data-dialog-title="Audio1" href="/Home/Play/id?media/track.mp3">Play Audio</a> 
<br/> 
<a class="openDialog" data-dialog-id="playDialog2" data-dialog-title="Audio2" href="/Home/Play/id?media/track1.mp3">Play Audio1</a> 

И когда пользователь нажимает на эту ссылку, я создаю модели диалога этого игрока. Вопрос заключается в том, как получить href или title из исходной ссылки внутри этого скрипта, который создает игрока.

Или еще один вопрос: как я могу получить название диалога игрока? то я могу извлечь из того, что ссылки я creeated диалогового

Answer 1

вы можете использовать функцию де .attr() на JQuery, чтобы получить atributes дорожит Ex:

$('.openDialog').click(function(e){ 
    e.preventDefault(); 
    var href = $(this).attr('href') 
$("#jquery_jplayer_1").jPlayer({ 
      ready: function() { 

       console.log('** title=' + fname1); 

       $(this).jPlayer("setMedia", { 
        mp3: href 
       }).jPlayer("play"); 
      }, 
      ended: function (event) { 
       $(this).jPlayer("play"); 
      }, 
      swfPath: "swf", 
      supplied: "mp3" 
     }) 
    .bind($.jPlayer.event.play, function() { // pause other instances of player when current one play 
     $(this).jPlayer("pauseOthers"); 
    }); 
});