Question

我在一个页面上有数百个链接的系统上执行维护，如下所示：

＆＃13;

<li> Revista alvo <a href="http://exemplo.com"> http://exemplo.com </a> </li>

＆＃13;

请注意，a标记之外有文字。我想做什么，把这个文本放在a标签中，并带有你想要的href，上面的例子看起来像这样：

＆＃13;

<li> <a href="http://exemplo.com"> Revista alvo </a> </li>

＆＃13;

我手头正在做这个改变，但是有数百个链接，这使任务变得疲惫不堪。有谁知道如何编写脚本来执行此操作？它可以是任何语言，PHP，JS等。

Answer 1

如您所见，文字为HTML格式，因此您可以轻松编辑HTML文件，并使用jquery将更改应用于dom，如下所示：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>


</head>
<body>
<ul id="linksList">
  <li> Revista alvo <a href="http://exemplo.com"> http://exemplo.com </a> </li>
  <li> Revista alvo <a href="http://exemplo.com"> http://exemplo.com </a> </li>
  <li> Revista alvo <a href="http://exemplo.com"> http://exemplo.com </a> </li>
  <li> Revista alvo <a href="http://exemplo.com"> http://exemplo.com </a> </li>
  <li> Revista alvo <a href="http://exemplo.com"> http://exemplo.com </a> </li>
  <li> Revista alvo <a href="http://exemplo.com"> http://exemplo.com </a> </li>
  <li> Revista alvo <a href="http://exemplo.com"> http://exemplo.com </a> </li>
  <li> Revista alvo <a href="http://exemplo.com"> http://exemplo.com </a> </li>
  <li> Revista alvo <a href="http://exemplo.com"> http://exemplo.com </a> </li>
  <li> Revista alvo <a href="http://exemplo.com"> http://exemplo.com </a> </li>
  <li> Revista alvo <a href="http://exemplo10.com"> http://exemplo.com </a> </li>

  </ul>
  <a href="#" id="changeIt">Change</a>
  <script>
    $(document).ready(function(){     
      $("#changeIt").click(function(){
        $("#linksList li").each(function(){
          txt = $(this).text().split(' http://')[0].trim();
          lnk = $(this).children('a').text(txt)
          $(this).html(lnk)
        })
      })
    })
  </script>
</body>
</html>

编辑应包括

包括jquery
提供包含ul ID的ol或li
使用后一个script标记中提供的代码，该代码认为列表中的给定ID为linksList
标识为changeIt的HTML链接以调用代码。

This is an Online demo

如何创建脚本以自动化HTML中的链接交换？

1 个答案: