So fügen Sie einen Text im div-Tag hinzu

Question

So fügen Sie einen Text in einem div-Tag hinzu, der bereits für eine URL verwendet wird. Ich muss Text auf der linken Seite einer jeden Link-Schaltfläche (Register) hinzufügen, um jede Schaltfläche anzugeben.

unten ist der Code und Screenshot.

<div align="center"> 
<a class="button-link" href="https://recharge.etisalat.af/Registration">Register</a> </div> 
<br /><br /> 
<div align="center"> 
<a class="button-link" href="https://recharge.etisalat.af/Registration">Register</a> </div> 
<div></div> 
</div> 

image

Answer 1

bereits. prepend() der jquery-Funktion. Siehe unten Snippet das den Text von a Tag und prepend zum div

$('div').each(function(){ 
 
$(this).prepend($(this).children('.button-link').text()) 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div align="center"> 
 
    <a class="button-link" href="https://recharge.etisalat.af/Registration">Register</a> 
 
    </div> 
 
<br /><br /> 
 
<div align="center"> 
 
    <a class="button-link" href="https://recharge.etisalat.af/Registration">Register</a> </div> 
 
<div> 
 
</div>

Answer 2

Hier ist eine Lösung. Ich habe Code-Snippet bearbeitet, um Ihnen zu zeigen, wie Sie für jeden Link einen anderen Text haben können.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
    <script> 
 
    $(document).ready(function(){ 
 
    // target by ID 
 
     $("div#a").prepend("Link for A - "); 
 
     $("div#b").prepend("Link for B - "); 
 
    // target by number position 
 
     $("div").eq(2).prepend("Link for C - "); 
 
     $("div").eq(3).prepend("Link for D - "); 
 
    }) 
 
    </script> 
 

 
    <div align="center" id="a"> 
 
    <a class="button-link" href="https://recharge.etisalat.af/Registration">Register</a> </div> 
 
    <br /><br /> 
 
    <div align="center" id="b"> 
 
    <a class="button-link" href="https://recharge.etisalat.af/Registration">Register</a> </div> 
 
    <br /><br /> 
 
    <div align="center"> 
 
    <a class="button-link" href="https://recharge.etisalat.af/Registration">Register</a> </div> 
 
    <br /><br /> 
 
    <div align="center"> 
 
    <a class="button-link" href="https://recharge.etisalat.af/Registration">Register</a> </div>