如何創建腳本以自動執行HTML中的鏈接交換？

Question

我正在一個頁面上具有數百個鏈接的系統上執行維護，如下所示：

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

請注意，有外文本a標簽。 我想做的是，將此文本放在帶有您假定的href a標簽內，上面的示例如下所示：

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

我正在進行此更改，但是有成百上千個鏈接，這使任務很累人。 有誰知道我如何編寫腳本來做到這一點？ 它可以是任何語言， 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
給包含li的ul或ol一個id
使用后一個script標簽中提供的代碼，這些代碼將給定的ID視為linksList
具有id changeIt HTML鏈接以調用代碼。

這是一個在線演示

如何創建腳本以自動執行HTML中的鏈接交換？

問題描述

1 個解決方案

解決方案1
1 已采納 2018-05-14 22:09:20

如何創建腳本以自動執行HTML中的鏈接交換？

問題描述

1 個解決方案

解決方案1 1 已采納 2018-05-14 22:09:20

解決方案1
1 已采納 2018-05-14 22:09:20