如何從javascript中的字符串末尾刪除9個字符

Question

如何使用javascript從div中刪除字符串“-number”末尾的字符

我需要從字符串的末尾刪除 9 個字符，但我無法弄清楚

<div class="course_title"><a>Advanced Diploma of Building and Construction (Management) – 597007</a></div>
<div class="course_title"><a>Advanced Diploma of Electronics and Communications Engineering - 597292</a></div>
<div class="course_title"><a>Advanced Diploma of Engineering - 596942</a></div>

應該看起來像：

Advanced Diploma of Building and Construction (Management)
Advanced Diploma of Electronics and Communications Engineering
Advanced Diploma of Engineering

我真的很感激有人的幫助，我多年來一直在努力解決這個問題

Answer 1

您可以使用slice ：

 var links = document.querySelectorAll('.course_title a'); for (var i = 0; i < links.length; i++) { links[i].innerText = links[i].innerText.slice(0, -9); }

 <div class="course_title"><a>Advanced Diploma of Building and Construction (Management) – 597007</a></div> <div class="course_title"><a>Advanced Diploma of Electronics and Communications Engineering - 597292</a></div> <div class="course_title"><a>Advanced Diploma of Engineering - 596942</a></div>

Answer 2

您可以使用 .forEach() 迭代每個 div，然后使用.slice()來編輯文本。

document.querySelectorAll(".course_title").forEach(function(course) {
  course.innerText = course.innerText.slice(0, -9);
})

Answer 3

遺憾的是，您不能將forEach與querySelectorAll forEach使用，因此這里是上述答案的修訂版。

var elements = document.querySelectorAll(".course_title a")

for(i = 0; i < elements.length; i++){
    elements[i].innerText = elements[i].innerText.slice(0, -9)
}

Answer 4

您可以通過利用 2 個String.prototype方法來實現這一點： lastIndexOf和substring 。

下面是一個例子：

 const formattedHtml = Array.from(document.querySelectorAll('a')).reduce((html, el) => { const anchorText = el.innerText; html += `<div class="course_title"><a>${anchorText.substring(0, anchorText.lastIndexOf('-')).trim()}</a><div class="course_title">`; return html; }, ''); document.querySelector('#target').insertAdjacentHTML('afterbegin', formattedHtml);

 <div class="course_title"><a>Advanced Diploma of Building and Construction (Management) - 597007</a></div> <div class="course_title"><a>Advanced Diploma of Electronics and Communications Engineering - 597292</a></div> <div class="course_title"><a>Advanced Diploma of Engineering - 596942</a></div> <br /> <div id="target"> </div>