Heim > Artikel > Web-Frontend > Zusammenfassung der JavaScript-Methoden zum Erhalten von tr td

Zusammenfassung der JavaScript-Methoden zum Erhalten von tr td

巴扎黑Original: 2017-08-17 15:59:471875Durchsuche

In diesem Artikel werden hauptsächlich drei Möglichkeiten zum Abrufen von tr td über JavaScript vorgestellt. Die detaillierten Erläuterungen zu den einzelnen Betriebsschritten finden Sie unten.

/* Das erste, native js, ruft zuerst die Tabelle und dann das tr-Tag ab und durchläuft dann das td */

//     $(&#39;#selectIds&#39;).val("");
//      var table = document.getElementById("tb_table");//获取第一个表格 
//      var array = table.getElementsByTagName("tr");//所有tr
//      for(var i = 1; i < array.length; i++) {
//       var id = array[i].children;
//       var idtext = id[1].innerHTML;
//       if(i == 1){
//         $(&#39;#selectIds&#39;).val($(&#39;#selectIds&#39;).val() + "" + idtext); 
//       }else{
//         $(&#39;#selectIds&#39;).val($(&#39;#selectIds&#39;).val() + "," + idtext);
//       }
//       }

/* Wie man jQuery schreibt, tr erhält und dann alle td durchläuft. Beachten Sie, dass der von td erhaltene Wert .text(); */

//   $(&#39;#selectIds&#39;).val("");
//   var isFirst = true;
//    $("#tb_table").find("tr").each(function(){
//      var tdArr = $(this).children();
//      var idtext = tdArr.eq(1).text();
//      if(idtext != &#39;人员ID&#39;){
//        if(isFirst){
//        $(&#39;#selectIds&#39;).val($(&#39;#selectIds&#39;).val() + "" + idtext); 
//        isFirst = false
//        }else{
//          $(&#39;#selectIds&#39;).val($(&#39;#selectIds&#39;).val() + "," + idtext);
//        }
//      console.log("idtext",idtext);
//      }
//    })

/* Native js ruft alle Zeilen ab und erhält dann jede Zelle */

//   var table = document.getElementById("tb_table");
//   var rows = table.rows;//获取所有行
//   console.log("lenth",rows.length) //
//   for(var i=1; i < rows.length; i++){
//     var row = rows[i];//获取每一行
//     var id = row.cells[1].innerHTML;//获取具体单元格
//     console.log("id",id)
//   }

Zusammenfassung:

$(this). children( ).eq(1).text() erhält den angezeigten Wert

$(this).children().eq(1).html() erhält b6c5a531a458a2e790c1fd6421739d1c

$('.trSelected',grid).find("td").eq(7).text(); ruft den Inhalt einer ausgewählten Zeile ab

Wert festlegen: $ ('.trSelected',grid).find("td").eq(7).text(''Set content'')

xxx.innerHTML ist in js Holen Sie sich den Wert des Objekts.

Traverse the table

$("#grid tr").each(function() {
warning($(this).children ( ).eq(1).text());
});

Verwenden Sie JavaScript zum Durchlaufen

function load(){
   var tab=document.getElementById("grid");
   var rows=tab.rows;
   alert(rows.length);
   for(var i=0;i<rows.length;i++)
   {
    for(var j=0;j<rows[i].cells.length;j++)
    {
    alert("第"+(i+1)+"行，第"+(j+1)+"列的值是:"+rows[i].cells[j].innerHTML);
    }
   }
  }

Das obige ist der detaillierte Inhalt vonZusammenfassung der JavaScript-Methoden zum Erhalten von tr td. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Beispiel-Tutorial zur Verwendung des Bootstrap-Modal+Gridview-Popup-Box-EffektsNächster Artikel：Beispiel-Tutorial zur Verwendung des Bootstrap-Modal+Gridview-Popup-Box-Effekts

In Verbindung stehende Artikel

Mehr sehen