Как проверить текущий элемент тега в javascript?

Question

У меня есть GridView с тремя рядами, как этот

<tr> 
    <th>SlNo</th> 
</tr> 
<tr> 
    <td>1</td> 
</tr> 
<tr> 
    <td>2</td> 
</tr> 

Я следующий код, чтобы пройти через ряды

var GridViewRow=GridView.getElementsByTagName('tr') 

Здесь длина строки 3.

I travese через GridViewRow, используя для цикла. Вот как я получу имя тега текущего элемента ie (th or td).

Если тэг «TH», он должен возвратиться, и если он «TD», он должен принять значение TD.

Answer 1

Как об этом

var table = document.getElementById("mytab1"); 
for (var i = 0, cell; cell = table.cells[i]; i++) {  
//iterate through cells  
//cells would be accessed using the "cell" variable assigned in the for loop 
} 

вы также можете опрос

var tbl = document.getElementById('yourTableId'); 
var rows = tbl.getElementsByTagName('tr'); 
for (var i = 0; i < rows.length; i++) 
{  
    if(rows[i].getElementsByTagName('td').length > 0) 
    { 
     //code to execute 
    } 
    else 
    { 
     continue; 
    } 
} 

Answer 2

var GridViewRow = GridView.getElementsByTagName('tr'); 
$(GridViewRow).each(function() { 
    var $this = $(this), td = $this.find('td'); 
    if (td.length === 1) { 
     console.log(td.text()); 
    } 
}); 

это работает для <tr>, в которой у вас есть ровно один <td>, если вы используете JQuery, иначе в простом JavaScript попробовать это:

var GridViewRow = GridView.getElementsByTagName('tr'), 
    len = GridViewRow.length, 
    td; 

    while (--len) { 
     td = GridViewRow[len].getElementsByTagName('td'); 
     if (td.length === 1) { 
      console.log(td[0].innerHTML); 
     } 
    } 
}); 

Answer 3

Вы можете проверить имя тега с JQuery:

$(this).attr("tag"); 

Позже редактирования:

Для сырой JavaScript используйте tagName:

element.tagName