从链接中读取相关值并将其附加到div与jQuery

我正在阅读锚点的rel值并将其附加到div，当点击从Youtube视频加载到我的播放器的链接时。下面是一个快速代码转储。单击链接时，rel值应该附加到视频标题div。谢谢！从链接中读取相关值并将其附加到div与jQuery

<div class="video"> 
<a onclick="player('http://www.youtube.com/v/ylJOn4dEKo0')" href="javascript:void(0);" rel="This is video one.">Video 1</a> 
</div> 

<div class="video"> 
<a onclick="player('http://www.youtube.com/v/gXRbiqm-HJA')" href="javascript:void(0);" rel="This is video two.">Video 2</a> 
</div> 

<div id="video-container">Video plays here</div> 
<div class="video-caption">Video caption appended here</div> 
</div>

来源

2010-06-30 Vincent

像这样的东西应该让你摆脱困境：

$(function() 
{ 
    $('div[class=video] > a').click(function() 
    { 
     $('div.video-caption').html($(this).attr('rel')); 
    }); 
});

来源

2010-06-30 05:25:35 Boycs

似乎没有工作 - 虽然没有javascript错误。这是一个测试页面：http://vincent-massaro.com/append/test.html – Vincent 2010-06-30 05:36:27

它不工作，因为您需要在DOM准备就绪时运行此代码。给出的代码完美无缺。另外，'div [class = video]'可以写成'div.video'。 – Anurag 2010-06-30 05:47:22

@ user310404 - 您需要在document.ready上添加该代码。你可以用'$（document）.ready（function（）{..YOUR CODE ..}）来做到这一点;' – Krunal 2010-06-30 05:47:53

在这里你去...

<div class="video"> 
<a onclick="player('http://www.youtube.com/v/ylJOn4dEKo0');UpdateTitle(this);" href="javascript:void(0);" rel="This is video one.">Video 1</a> 
</div> 

<div class="video"> 
<a onclick="player('http://www.youtube.com/v/gXRbiqm-HJA');UpdateTitle(this);" href="javascript:void(0);" rel="This is video two.">Video 2</a> 
</div>

JS：

function UpdateTitle(obj) 
{ 
    $(".video-caption").html($(obj).attr("rel")); 
}

来源

2010-06-30 05:25:49 Krunal

此代码工作对我来说很好

<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>  
<script type="text/javascript"> 
    $(function() { 
     $(".video a").click(function() { 
      $(".video-caption").text($(this).attr("rel")); 
     }); 

    }); 
</script>

来源

2010-06-30 05:45:28 mohamadreza

从链接中读取相关值并将其附加到div与jQuery

回答

相关问题