Zusammenfassung der JavaScript-Methoden zum Erhalten von tr td-js-Tutorial-php.cn

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

Nach dem Login kopieren

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

Nach dem Login kopieren

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

Nach dem Login kopieren

Zusammenfassung:

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

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

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

Nach dem Login kopieren

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!

Verwandte Etiketten：

javascript js 总结

Quelle：php.cn

Vorheriger Artikel：Beispiel-Tutorial zur Verwendung des Bootstrap-Modal+Gridview-Popup-Box-Effekts Nächster Artikel：Detaillierte Einführung in die Grundlagen mobiler JavaScript-Events und eine Zusammenfassung häufig verwendeter Event-Bibliotheken

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