使用jquery将目标添加到锚标记

Question

我有一个HTML代码段：

<div class="wc-social-login form-row-wide">
    <a href="http://www.example.com/wc-api/auth/twitter/? return=http://www.example.com" class="button-social-login button-social- login-twitter"><span class="si si-twitter"></span>Connect with  Twitter</a>
    <a href="http://www.example.com/wc-api/auth/facebook/?return=http://www.example.com" class="button-social-login button-social-login-facebook"><span class="si si-facebook"></span>Connect with  Facebook</a>
</div>

我需要在锚标签中添加一个目标元素，这是在wordpress中。

我用jquery尝试了这个：

jQuery(document).ready(function ($) {
    $('.wc-social-login form-row-wide a').each(function () {
        $(this).attr('target', '_blank');
    });
});

有关如何将目标属性添加到div中的两个标记的任何输入都将非常有用。

Answer 1

您无需使用each()。此外，您的选择器使用.wc-social-login.form-row-wide而不是.wc-social-login form-row-wide，如下所示。

$('.wc-social-login.form-row-wide a').attr('target', '_blank');