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'));
});

jQuery - 单击链接时，使用title属性中的内容填充div

3 个答案: