填充多个 id 标签答案

【问题标题】：popluating multiple id tags填充多个 id 标签
【发布时间】：2009-10-12 13:31:10
【问题描述】：

如何同时填充多个 id 标签。

在我的页面上，我有以“total_”短语开头的 id 标签，例如 total_1、total_2 等，有没有一种方法可以让我在 javascript 中单击一下即可填充每个标签。

我应该使用正则表达式还是解析器。

我们将不胜感激。

谢谢。

【问题讨论】：

标签： javascript html regex tags

【解决方案1】：

for(var i=1; true; i++){
  var elm = document.getElementById("total_"+i);
  if(elm == undefined){
    break;
  }
  elm.innerHTML = "Some text here";
}

使用 jQuery，您可以执行以下操作：

$("div[id^='total_']").html("Some text Here");

【讨论】：

感谢您提供有用的意见。

【解决方案2】：

如果你知道有多少，你可以简单地遍历数字：

for (var i=1; i<=10; i++) {
   document.getElementById('total_'+i).innerHTML = 'text';
}

如果您使用的是 jQuery，您可以遍历特定类型的所有元素，并查找 id。它的效率较低，但更灵活。即使数字不连续，它也会起作用：

$('div').filter(this.id && this.id.substr(0,6) == 'total_').html('text');

（你当然可以在没有像 jQuery 之类的库的情况下循环遍历元素，但是代码要多一些...）

【讨论】：

感谢您提供有用的意见。