jQuery：将href推送到另一个锚点，多次并分别

Posted 2023-05-09

【中文标题】jQuery：将href推送到另一个锚点，多次并分别

【英文标题】：jQuery: push a href to another anchor, multiple times and separately

【发布时间】：2017-01-13 15:03:12

【问题描述】：

我正在使用 Wordpress 上的插件将 Facebook 事件加载到网页中。然后我隐藏插件放置在整个区域的锚点，而是在每个事件 div 的底部创建一个小锚点。

到目前为止一切顺利，但如果我有多个事件（所有事件在此插件中具有相同的类），所有小锚点都指向第一个 .fb-event-anchor。我可以做类似.fb-event-anchor.eq(0)，然后是.eq(1)etcetera 的事情，但我更希望有一个更防水的解决方案来处理所有锚。有谁知道如何正确配对所有原始链接和新链接？

jQuery:

var fblink = $('.fb-event-anchor').attr("href");
$('.fb-event-anchor').parent('.fb-event').append( '<a class="fb-event-anchor-new" target="_blank" href='+ fblink +'>Bekijk dit evenement op facebook</a>' );

html:

<div class='fb-event'>
   <a class="fb-event-anchor" href="http://www.facebook.com/event.php?eid=1165884803462190"  target="_blank">
        <div class="fb-event-desc"><img src=https://scontent.xx.fbcdn.net/t31.0-8/s720x720/13920278_1335410149821833_1686522516711277604_o.jpg />
            <div class='fb-event-title'>Spiritueel weekend - Een stapje verder</div>
            <div class='fb-event-time'>10 september 2016 &#183; 10:00 -<br>11 september 2016 &#183; 17:00</div>
            <div class='fb-event-location'>Balance in Life</div>
            <div class='fb-event-description'>Lots</div>
       </div>
   </a>
</div>

【参考方案1】：

这样的事情应该可行 - 枚举所有 $('.fb-event-anchor') 元素并从那里开始

$('.fb-event-anchor').each(function()
   var $anchor = $(this);
   $anchor.parent('.fb-event')
                   .append( '<a class="fb-event-anchor-new" target="_blank" href='+ $anchor.attr("href") +'>Bekijk dit evenement op facebook</a>' );
);

【讨论】：

太好了，谢谢。我知道它必须是 something 和 $(this) 但你成功了