2016-04-04 15 views
1

でタグを固定するためにターゲットを追加します。私は、アンカータグにターゲット要素を追加する必要が私はHTMLスニペット持っjqueryの

<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> 

を、これは内部のワードプレスです。

私はjQueryを使ってこれを試してみました:

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

をdivの内側の両方のタグにtarget属性を追加する方法上の任意の入力は非常に参考になります。

+0

ページの読み込み時に動的にターゲット属性を追加する必要があります。 – Jillian

答えて

2

each()を使用する必要はありません。また、あなたのセレクターは.wc-social-login form-row-wideの代わりに.wc-social-login.form-row-wideを間違って使用しています。

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

このAzimを試しましたが、動作しません – Jillian

+0

それは動作するはずです。簡単なアラートは働いていますか? @Jillian – Azim

+0

はいAzim。私が使用しているプラ​​グインには他にもいくつかの問題があるようですが、jsfiddleで提案されたコードを抜き出してくれました。 – Jillian

関連する問題