jQuery: 将 href 推送到另一个锚点，多次并单独

Question

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

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

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>

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

jQuery: 将 href 推送到另一个锚点，多次并单独

jQuery: push a href to another anchor, multiple times and separately

wordpress

anchor

jquery

plugins