将 jquery 属性应用于另一个 div答案

【问题标题】：apply jquery attribute to another div将 jquery 属性应用于另一个 div
【发布时间】：2011-08-27 23:28:49
【问题描述】：

我正在使用一个 jquery 滑块，它会自动生成具有以下 html 输出的分页项目符号：

<ul class="pagination">
    <li class="current"><a href="#0">1</a></li>
    <li><a href="#1">2</a></li>
    <li><a href="#2">3</a></li>
    <li><a href="#3">4</a></li>
</ul>

你可以在http://pixelcakecreative.com/看到一个例子

当您单击以下锚链接之一时，我希望能够重置幻灯片位置（将其设置回第一张幻灯片）：

<li><a href="#" rel="#panel-1" class="activeSlide pita">Trendz<div class="buttonFade"></div></a></li>
<li><a href="#" class="pita" rel="#panel-2">Decibel<div class="buttonFade"></div></a></li>
<li><a href="#" class="pita" rel="#panel-3">UCC<div class="buttonFade"></div></a></li>

滑块实际上是一个 div 中的 3 个滑块，可根据单击的任何锚点（代码上方）切换其位置。所以基本上，当你点击任何切换项目滑块的链接时，我想回到滑块的第一张图片。

我试过这个没有运气，有什么想法吗？

我将使用我现有的代码开始 jquery，以单击其中一个触发链接：

$('#pixel-slider ul a.pita').click(function () {

     $('#pixel-slider ul a').removeClass('activeSlide');
     $(this).addClass('activeSlide');   
     $('.maskss').scrollTo($(this).attr('rel'), 500);

//solution below

$('.pagination li:nth-child(1) a').click();

return false;       
});

更新：我找到了解决方案：$('.pagination li:nth-child(1) a').click();

【问题讨论】：

您能否提供更多上下文解释以帮助理解情况？
这是两个问题还是一个问题？ “我希望能够从外部锚链接重置幻灯片位置（将其设置回第一张幻灯片）”和“我想使用 jquery 从第一个锚链接中获取 href 属性，并将其应用于 div ID 为#click”。试着列举你想要发生的事情，以及触发它们的原因。
是的，需要更多信息，我试图将这一点形象化，你的解释不是最好的。尝试完善您的问题
好的，我改写了这个问题，并在我即将推出的网站的主页上提供了一个示例
找到的解决方案：$('.pagination li:nth-child(1) a').click();

标签： jquery dynamic attributes slider

【解决方案1】：

您的解决方案将起作用，但您可以简单地使用 first 选择器，而不是使用 nth-child 并传递 1。li:first 将选择 .pagination 元素下的第一个元素。

 $('.pagination li:first a').click();

【讨论】：