jQuery - 當單擊鏈接時將標題屬性中的內容填入div

Question

我正在製作一個允許用戶創建各種YouTube視頻列表（包含自定義標題和說明）的小頁面，並讓他們在同一頁面上的iFrame。所有這些已經實施並且工作正常。

但最重要的是，我還想在div（＃電視標題）中顯示視頻的標題，但這部分是我無法想象的東西。

理想情況下，我希望將在-tag的title屬性中提供的內容顯示在div中。

任何人都可以幫助我嗎？

這是我的代碼如何看待當下：提前

<div id="tv-title">This is where the title-attribute content should go</div> 
<iframe name="tv-frame" id="tv-frame" src="#" frameborder="0" allowfullscreen></iframe> 
<ul id="tv-list"> 
<li> 
<a href="#" target="tv-frame" title="Title 1"><span class="li-title">Title 1</span><span class="li-description">Description 1</span></a> 
<a href="#" target="tv-frame" title="Title 2"><span class="li-title">Title 2</span><span class="li-description">Description 2</span></a> 
</li> 
</ul> 

感謝

Answer 1

你可以試試這個 -

$('a[target="tv-frame"]').on('click',function(e){ 
    $('#tv-title').text(this.title); 
}); 

Answer 2

你可以試試這個

$("a").on('click',function(){ 
    var title=$(this).attr("title"); 
    $("#tv-title").text(title); 
}); 

Answer 3

工作演示http://jsfiddle.net/cse_tushar/6DDu6/

$('a[target="tv-frame"]').click(function(){ 
    $('#tv-title').text($(this).attr('title')); 
});