JS从多个表单字段中抽取部分URL。

Question

我有一个有多个字段的表单，所有的字段都是同一个类。这些字段都是用相同结构的URL填充的。我试图从每个URL中提取相同的部分。到目前为止，var res = x.split('')[5];可以实现这一点，但只适用于第一个URL。我也可以使用var x = document.querySelectorAll(".example")来改变所有的URL，但是我找不到正确的方法来结合这两个功能。

script>
function myFunction() {
var x = document.querySelectorAll(".example").innerHTML;
var res = x.split('/')[5];
var i;
for (i = 0; i < x.length; i++) {
x[i].innerHTML = res;
}
}
</script>

我找了一圈，但没有找到合适的解决方案。提前感谢您的帮助。

Answer 1

所以在HTML集合上循环，这是在基于代码做假设。

// Find all the elements
var elems = document.querySelectorAll(".example")
// loop over the collection
elems.forEach(function (elem) {
   // reference the text of the element and split it
   var txt = elem.innerHTML.split("/")[5]
   // replace the text
   elem.innerHTML = txt
})

<div class="example">1/2/3/4/5/a</div>
<div class="example">1/2/3/4/5/b</div>
<div class="example">1/2/3/4/5/c</div>
<div class="example">1/2/3/4/5/d</div>
<div class="example">1/2/3/4/5/e</div>
<div class="example">1/2/3/4/5/f</div>