suchen

Heim >Web-Frontend >js-Tutorial >Drei Möglichkeiten, tr td in JavaScript zu erhalten (grafisches Tutorial)

Drei Möglichkeiten, tr td in JavaScript zu erhalten (grafisches Tutorial)

亚连
亚连Original
2018-05-19 09:39:584062Durchsuche

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

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

//     $('#selectIds').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);
//       }
//       }

/* Die jQuery-Schreibweise, holt das tr und dann alle td durchlaufen. 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 und dann jede Zelle ab*/

//   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() ruft den gesamten Inhalt zwischen b6c5a531a458a2e790c1fd6421739d1cb90dd5946f0946207856a8a37f441edf

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

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

xxx.innerHTML; ist der Wert des in js erhaltenen Objekts.

Traverse the table

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

Verwenden Sie JavaScript zum Durchqueren 

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 habe ich für alle zusammengestellt. Ich hoffe, dass es in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

Detaillierte Erläuterung der Schritte der Ein- und Ausblendeffektfunktion der nativen JS-Kapselung

JS generiert eine Zeitliste und gibt sie aus

angularjsDetaillierte Erläuterung benutzerdefinierter Caching-Anwendungsfälle

Das obige ist der detaillierte Inhalt vonDrei Möglichkeiten, tr td in JavaScript zu erhalten (grafisches Tutorial). 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：JavaScript-Schreiben zum Auswählen aller Kontrollkästchen (grafisches Tutorial)Nächster Artikel：JavaScript-Schreiben zum Auswählen aller Kontrollkästchen (grafisches Tutorial)

In Verbindung stehende Artikel

Mehr sehen