Einstellung Ankerziel dynamisch

Question

ich ein Wordpress-Theme verwenden, die für das Hinzufügen von Social-Media-Links in Ihren Sidebars/Header usw.

all sozialen Verbindungen ein Widget enthält in einem div mit einer einzigartigen Klasse eingewickelt, social-links.

Ich möchte target="_blank" zu allen Ankern innerhalb der social-links div hinzufügen.

Also im Grunde würde <a href="facebook.com">Facebook</a> zu <a href="facebook.com" target="_blank">Facebook</a> wechseln, vorausgesetzt, dass die social-links div war es Elternteil.

Nehmen wir an, für diese Instanz habe ich keine Zeit, in Tausenden von Codezeilen zu suchen, um herauszufinden, wo die Social Media-Links für das Widget erstellt werden. Wie würde ich das Attribut dynamisch mit einer Klasse hinzufügen Selektor in jQuery?

Ich kann den folgenden Code verwenden, um Attribute direkt mithilfe ihrer Klasse oder ID festzulegen, aber die Verknüpfungen haben keine eindeutigen Klassen.

$(document).ready(function() { 
$(".class").attr("target", "_blank"); //here I need a way to select all anchors that have the .social-links div as a parent 
}); 

Und hier ist ein Beispiel für die HTML-Referenz:

<div class="social-links"> 
<a href="http://www.facebook.com/">Facebook</a> 
<a href="http://www.twitter.com/">Twitter</a> 
<a href="http://www.youtube.com/">YouTube</a> 
</div> 

UPDATE: Ich habe auch gerade gefunden $(".class").children(), aber dies würde das Attribut für alle Kinder innerhalb .class, wo ich nur gelten, möchte es auf Anker anwenden. Wie kann ich auch via Tag auswählen? Oder gibt es einen besseren/effizienteren Weg?

Answer 1

Um target="_blank" auf alle Anker innerhalb des .social-links div fügen Sie .each() und .attr() Methoden verwenden:

$(".social-links a").each(function() { // use $.each to loop through all a tags inside div 
    $(this).attr("target","_blank"); // use .attr() to add attribute 
});