嘗試替換html的Javascript / Jquery未捕獲的TypeError

Question

在頁面加載完成后嘗試使用jQuery刪除我網站上的某些文本，並且代碼無法正常工作。 在Chrome中查看JS控制台時，出現以下錯誤Uncaught TypeError: Cannot read property 'replace' of undefined 。

這是我替換文本的代碼：

<script>
window.onload = function(){
  var replaced = $("footer-copy").html().replace("'s Frontpage",'');
  $("footer-copy").html(replaced);
};
</script>

我嘗試更新的HTML：

<div class="footer-wrap">
    <div class="footer-copy">© 2017 <a href="https://blog.andrewgottschling.me/">Andrew Gottschling's Frontpage</a> Powered by <a href="https://leafpub.org" target="_blank">Leafpub</a></div>
    <div class="footer-design-author"><span>Design with</span> <i class="i-favorite heart"></i> by <a href="https://leafpub.org" target="_blank" title="Desarrollador Web FullStack.">@leafpub</a></div>
</div>

感謝您提前提供的所有幫助。 ：D

Answer 1

您需要添加一個類選擇器，否則jQuery將搜索具有該名稱的標簽。

var replaced = $(".footer-copy").html().replace("'s Frontpage",'');

注意類名前面的點。

Answer 2

要使用類名稱查找元素，您需要在該類前面加點號：

$(".footer-copy")

Answer 3

嘗試使用類選擇器“。” 班級名稱之前。 像這樣：

<script>
window.onload = function(){
  var replaced = $(".footer-copy").html().replace("'s Frontpage",'');
  $(".footer-copy").html(replaced);
};
</script>