2016-05-30 14 views
-1

Ich habe eine wiederkehrende HTML. Ich mag Link kopieren von ersten Anker und Platz in einem span-Tag hier ist mein HTMLLink von einem div kopieren und in anderen div einfügen

<li class="clearfix"> 
    <div class="latest_post_text_inner"> 
     <h5 class="latest_post_title "> 
      <a href="first link which I want to copy">test</a> 
     </h5> 
     <span class="post_infos">here I want to place first link</span> 
    </div> 
</li> 
<li class="clearfix"> 
    <div class="latest_post_text_inner"> 
     <h5 class="latest_post_title "> 
      <a href="second link which I want to copy">test</a> 
     </h5> 
     <span class="post_infos">here I want to place second link</span> 
    </div> 
</li> 

Diese HTML ist aus einem Plugin zu erzeugen, und ich bin nicht in der Lage, dass Plugin zu bearbeiten. Ich möchte diese URL durch j Query kopieren.

Ich habe die Lösung dieses Problems gefunden. Hier ist der Code, die für mich gearbeitet wird

jQuery('.latest_post_text_inner').each(function(){ 
    var _linkUrl = jQuery(this).find('.latest_post_title a').attr('href'); 
    jQuery(this).find('.post_infos').text(_linkUrl); 
}); 
+1

Was hast du probiert? Dies kann mit einer ziemlich einfachen jquery-Funktion durchgeführt werden und ist nicht schwierig. Die Leute sind hier, um mit Code zu helfen, der nicht funktioniert ... nicht schreiben Code von Grund auf neu für Sie – charlietfl

Antwort

0

Dies ist eine Bearbeitung von einem früheren Beitrag, um es als wies in den Kommentaren zu machen skalierbar aus

var titles = document.getElementsByClassName("latest_post_title"); 
var infos = document.getElementsByClassName("post_infos"); 
for(var i = 0; i < slides.length; i++) 
{ 
    infos.item(i).href = titles.item(i).href; 
} 

Ganz einfach nur jeweils eine Klasse bekommt und setzt die Infos-Klasse auf die Title-Klasse.

+0

Dies ist keine skalierbare Antwort. Die Verwendung von ID ist nicht erforderlich, während eine Schleife ist – charlietfl

+0

@charlietfl Ich nehme an, dass das, was Sie dann meinten? – BKFighter

+0

definitiv geeigneter – charlietfl

0

Ich habe die Lösung dieses Problems gefunden. Hier ist der Code, der für mich funktioniert

jQuery('.latest_post_text_inner').each(function(){ 
    var _linkUrl = jQuery(this).find('.latest_post_title a').attr('href'); 
    jQuery(this).find('.post_infos').text(_linkUrl); 
}); 
Verwandte Themen