Drei Möglichkeiten, tr td in JavaScript zu erhalten (grafisches Tutorial)-js-Tutorial-php.cn

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 */

//     $(&#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);
//       }
//       }

Nach dem Login kopieren

/* 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);
//      }
//    })

Nach dem Login kopieren

/* 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)
//   }

Nach dem Login kopieren

Zusammenfassung:

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

$(this).children(). eq(1).html() ruft den gesamten Inhalt zwischen

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

Nach dem Login kopieren

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!

Verwandte Etiketten：

javascript js Grafiken und Text

Quelle：php.cn

Vorheriger Artikel：JavaScript-Schreiben zum Auswählen aller Kontrollkästchen (grafisches Tutorial) Nächster Artikel：Ausführliche Erläuterung der Formularserialisierung (grafisches Tutorial)

Erklärung dieser Website

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

Neueste Artikel des Autors