javascript: цикл через все ячейки в таблице

Я пытаюсь перебрать все ячейки в таблице и выполнить сравнение по значению.javascript: цикл через все ячейки в таблице

  var table = document.getElementById("assignedvlans"); 
      alert(table); 
      alert($('#assignedvlans tbody tr').length); 
      for (var i = 0, cell; cell = table.cells[i]; i++) { 
       //iterate through all cells in table. 
       alert('in the loop'); 
       alert(cell.val()); 
       if (cell.val == IdforVlanToAdd) 
       { 
        alert('This vlan is already associated with the port.'); 
        $bexit = true; 
        break; 
       }     
      }

Когда я проверить этот код, предупреждение (таблица) код работает - он возвращает «объект HTMLTableElement» и предупреждение для таблицы длин возвращает 4, который также является правильным. Но предупреждения в цикле никогда не происходят. Можете ли вы сказать мне, где я ошибаюсь в управлении контуром? Спасибо.

источник

2013-01-29 dot

Вы получаете какие-либо ошибки в консоли? – War10ck

table.cells не будет работать, потому что .cells являются частью .rows not table напрямую. –

Также 'cell' не является объектом jQuery, поэтому он не будет иметь метод« val() »(он также не является« input »любого типа, поэтому вы, вероятно, захотите« text() »после создания jQuery объект), и я предполагаю, что 'cell.val' является опечаткой ..? И почему вы смешиваете подходы jQuery и plain-JavaScript? (Это работает, но это может усложнить ситуацию.) –

table содержит rows[], которые сами содержат cells[]. Вы не можете получить cells[] непосредственно с table.

Вы можете использовать table.getElementsByTagName('td') в качестве ярлыка, если нет вложенных таблиц.

В противном случае вы должны пройти через каждый из rows[], и в этом цикле вы можете пройти через cells[].

var table = document.getElementById('assignedvlans'), 
    rows = table.rows, rowcount = rows.length, r, 
    cells, cellcount, c, cell; 
for(r=0; r<rowcount; r++) { 
    cells = rows[r].cells; 
    cellcount = cells.length; 
    for(c=0; c<cellcount; c++) { 
     cell = cells[c]; 
     // now do something. 
    } 
}

источник

2013-01-29 20:26:15

Я пробовал свой код, но когда я делаю предупреждение (cell.text); все возвращается как неопределенное. – dot

Это потому, что 'cell.text' не определено. Если вы хотите текстовое содержимое, попробуйте 'cell.firstChild.nodeValue' (если текст там единственный) или' text = (cell.textContent || cell.innerText) ', если там тоже есть HTML. –

Причины вы не получаете любых оповещения внутри цикла вашей петля for не структурирована правильно. Он немедленно завершает работу, потому что назначение cell = table.cells[i] возвращает false.

источник

2013-01-29 20:27:55

Нет, это немедленно прекращается, потому что 'table.cells [i]' возвращает неопределенный (что является ложным). Если бы это было так, это был бы бесконечный цикл. –

Да, спасибо за улов. –

Для тех, кто приходит сюда через google, требуется * простая и малая * прокладка для 'table.cells' (для исправления старого/IE-ориентированного кода), см. [Мой ответ] (http://stackoverflow.com/a/23730355/588079) [В: Браузер Firefox не распознает table.cells?] (Http://stackoverflow.com/q/10701076/588079) – GitaarLAB

Попробуйте так:

 var $table = $('#assignedvlans tbody td'); 
     $.map($table,function(){ 
      if ($(this).text() == IdforVlanToAdd) 
      { 
       alert('This vlan is already associated with the port.'); 
       return; 
      } 
     });

источник

2013-01-29 20:30:44 sdespont

А что, если в таблице есть таблица? –

Это не так в этом вопросе. – sdespont

Откуда вы знаете? Показывается HTML. –

var myDataArr = []; 
$('#dynamic_cards tr').each(function(){ 
    $(this).find('td').each(function(){ 
     myDataArr.push($(this).text()); 
    }); 
}); 
console.log(myDataArr);

источник

2017-06-29 07:15:12

javascript: цикл через все ячейки в таблице

ответ

Смежные вопросы