распространение нескольких тэгов

Question

Как я могу заполнить несколько тегов id одновременно.

На моей странице есть теги id, начинающиеся с фразы "total_", такие как total_1, total_2 и т. Д., Есть ли способ, которым я могу заполнить каждый из них одним щелчком мыши в JavaScript.

Должен ли я использовать регулярное выражение или парсер.

Любая помощь будет высоко оценена.

Спасибо.

Answer 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");

Answer 2

Если вы знаете, сколько их, вы можете просто перебрать цифры:

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

Если вы используете jQuery, вы можете просмотреть все элементы определенного типа и найти идентификатор. Это менее эффективно, но более гибко. Это будет работать, даже если числа не являются смежными:

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

(Конечно, вы можете перебирать элементы без библиотеки, такой как jQuery, но тогда это немного больше кода ...)