jquery - jQuery - 单击链接时用标题属性中的内容填充 div

Question

我正在开发一个小页面，该页面允许人们创建各种 YouTube 视频的列表（带有自定义标题和描述），并让他们在同一页面上的 iFrame 中显示视频。所有这些都已经实施并且运行良好。

但最重要的是，我还希望将视频的标题显示在 div (#tv-title) 中，但这部分我似乎无法弄清楚。

理想情况下，我希望 -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'));
});