如何在表潛水ID下查找和替換帶有#Hashtag的href URL

Question

嗨，我正在嘗試用 # 標簽替換 href URL

<td data-label="Name">
  <a href="https://mysite . com/" style="display: block;"> cabinet 1 </a>
  <div class="wbs-select">
    <select id="variations" class="wbs-variation-select" name="attribute_variations" data-attribute_name="attribute_variations" data-show_option_none="yes">
      <option value="">Select Variations</option>
      <option value="RTA">RTA</option>
      <option value="Assembled">Assembled</option>
    </select>
  </div>
  <span id="11-stock-status">In stock</span>
</td>

JS

$(document).ready(function () {
  $('a[href^="http://"]').each(function () {
    var oldUrl = $(this).attr("href"); // Get current url
    var newUrl = oldUrl.replace("http://", "#"); // Create new url
    $(this).attr("href", newUrl); // Set herf value
  });
});

然而，當前的腳本只用 # 替換了 http://，但我在看什么

1. 用 # 標簽替換整個 URL
2. 並且在表格下不是整個頁面或按下層階級或 ID

Answer 1

1. 第 1 點：-只需將 href 值設置為“#”
2. 第 2 點：-將您的錨點包裹在容器 div 中，並在您的 jQuery 中附加容器 div id，如下所示，以便它只會找到該容器 div 下的錨點列表。

 $(document).ready(function(){ $('#main a[href^="http://"]').each(function(){ $(this).attr("href", "#"); // Set herf value }); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id ="main"> <a href="http://google.com">google</a> <a href="http://asd.com">google</a> </div> <a href="http://ggg.com">google</a>

Answer 2

 $(document).ready(function() { for (var i = 0; i < $('a').length; i++) { if ($('a')[i].href.indexOf("http://") == 0 || $('a')[i].href.indexOf("https://") == 0) { $(this).attr("href", "#"); } } });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <td data-label="Name"> <a href="https://example.com/" style="display: block;"> cabinet 1 </a> <div class="wbs-select"> <select id="variations" class="wbs-variation-select" name="attribute_variations" data-attribute_name="attribute_variations" data-show_option_none="yes"> <option value="">Select Variations</option> <option value="RTA">RTA</option> <option value="Assembled">Assembled</option> </select> </div> <span id="11-stock-status">In stock</span> </td>