Wert von href fangen und dieser anderen href

Question

zu ersetzen Verwendung Ich habe zwei div Elemente:

<div class="contact-img"> 
    <a href="https://test.de" class="evcms-open-contacts" > 
     <img src="https://cdn-cache.envivo-connect.com/license/Tw3sZjz8v/p/xckYV8bESwsZ/80x80c/xckYV8bESwsZ.png?v=2.4.84-z3p37YEER-1467970717-yZUA33Hxn" alt="F. Alexander Kep"/> 
    </a> 
</div> 
<div class="contact-sm"> 
    <a href="https://www.xing.com/profile/FfAlexander"> 
</div> 

Ich mag die href von meiner contact-sm Klasse erhalten und die href meiner contact-img Klasse mit Xing Link zu ersetzen. Wenn ich also auf contact-img klicke, sollte die Xing-Seite dieser Person in einem neuen Fenster geöffnet werden.

Danke für Ihre Hilfe

Answer 1

Der beste Weg, um Ihre HTML zu ändern wäre. Aber wenn Sie "müssen" sie haben die Art und Weise Sie dann dieses jQuery-Schnipsel überprüfen beschrieben:

($(function(){ 
    $('.contact-img > a').on('click', function(e) { 
     e.preventDefault(); 
     e.stopPropagation(); 

     $('.contact-sm > a')[0].click(); 
    }) 
}))(jQuery); 

Answer 2

Das Snippet Code wird Ihnen helfen.

$(document).ready(function(){ 
 
$('.contact-img a').click(function(){ 
 
$(this).attr('href', $('.contact-sm a').attr('href')); 
 
}); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="contact-img"> 
 
      <a href="https://test.de" class="evcms-open-contacts" > 
 
       <img src="https://cdn-cache.envivo-connect.com/license/Tw3sZjz8v/p/xckYV8bESwsZ/80x80c/xckYV8bESwsZ.png?v=2.4.84-z3p37YEER-1467970717-yZUA33Hxn" alt="F. Alexander Kep"/> 
 
      </a> 
 
</div> 
 
<div class ="contact-sm"> 
 
      <a href="https://www.xing.com/profile/FfAlexander"> 
 
</div>

Answer 3

$(function() { 
 
    var xingHref = $(".contact-sm > a").attr("href"); 
 
    $(".contact-img > a").attr("href", xingHref); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="contact-img"> 
 
    <a href="https://test.de" class="evcms-open-contacts"> 
 
    <img src="https://cdn-cache.envivo-connect.com/license/Tw3sZjz8v/p/xckYV8bESwsZ/80x80c/xckYV8bESwsZ.png?v=2.4.84-z3p37YEER-1467970717-yZUA33Hxn" alt="F. Alexander Kep" /> 
 
    </a> 
 
</div> 
 
<div class="contact-sm"> 
 
    <a href="https://www.xing.com/profile/FfAlexander" /> 
 
</div>

Answer 4

Falls darüber tun sollten:

var desiredHref = $('.contact-sm a').attr('href'); 
$('.evcms-open-contacts').attr('href', desiredHref); 

Diese kann natürlich in einer Zeile geschrieben werden, aber um der Antwort willen.

Answer 5

$ (document) .ready (function() { $ ("# main1") attr ("enter code here href", "https://www.xing.com/profile/FfAlexander");. });