div 태그에 텍스트를 추가하는 방법

Question

URL에 이미 사용 된 div 태그에 텍스트를 추가하는 방법. 모든 링크 버튼 (등록)의 왼쪽에 텍스트를 추가하여 모든 버튼을 지정해야합니다.

아래 코드와 스크린 샷입니다.

<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

이보십시오. jquery 함수의 prepend() (가) 아래는 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

에 a 태그 앞에 추가에서 텍스트를 얻을 것이다 니펫을 참조 솔루션입니다. 각 링크마다 다른 텍스트를 가질 수있는 방법을 보여주기 위해 코드 스 니펫을 편집했습니다.

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