Question

如何在已用于网址的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

试试这个。prepend()的jquery函数。请参阅下面的代码段，它将从a标记获取文本并添加到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

这是一个解决方案。我编辑了代码段，向您展示如何为每个链接创建不同的文本。

＆＃13;

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

＆＃13;

如何在div标签中添加文本

2 个答案: