Heim >Web-Frontend >js-Tutorial >jquery führt Zellen dynamisch zusammen
Dieses Mal bringe ich Ihnen jquery zum dynamischen Zusammenführen von Zellen. Was sind die Vorsichtsmaßnahmen für jquery, um Zellen dynamisch zusammenzuführen?
lautet wie folgt:
////在table的第二行的位置添加一行: var tbl_elm = $("#dgList"); $('<tr><td colspan=\'2\'>xxxxxx</td></tr>').insertBefore($("TR", tbl_elm).eq(1)) ////table中指定行第N列合并单元格(合并后会多出一列,删除N+1单元格即可) var tds = $("#dgList .TableHeader1").find('td'); tds[6].setAttribute("colSpan", "2"); 还可以写成:tds[6].attr("rowSpan", 2); 这种格式$("#dgList").find("tr").eq(0).find("td").eq(7).remove(); ////juqery 读取table第N行第M列 $("#dgList").find("tr").eq(N).find("td").eq(M); ////合并一行中除个别单元格之外的所有单元格 $("#dgList tr:eq(0) td").each(function () { if ($(this).text() != '租赁资源' && $(this).text() != '用地规范') { $(this).attr("rowspan", "2"); } }); ////指定行插入指定行后面 $('<tr><td>租赁资源</td><td>用地规范</td></tr>').insertAfter($("#dgList tr:eq(0)"));
Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen Bitte achten Sie auf andere verwandte Artikel auf der chinesischen PHP-Website!
Empfohlene Lektüre:
C3+jQuery zum Erstellen von Animationseffekten und Rückruffunktionen
So implementieren Sie dynamisches Daten-Paging mit jQuery+Ajax
So extrahieren Sie die Datenzuweisung mit Ajax in jQuery
Das obige ist der detaillierte Inhalt vonjquery führt Zellen dynamisch zusammen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!