Red de conocimiento informático - Aprendizaje de programación - Jq recorre el código fuente

Jq recorre el código fuente

Este es muy simple.

html:?

ltTable? id = " table " gt

lttbody gt

lttr gt

lttd gt1 lt;/TD gt;

lttd gt2 lt/ TD gt;

lttd gt lt/TD gt;

lt/tr gt;

lt/tbody gt;

lt/ tabla gt; esta es la anterior, requiriendo que el valor del tercer td sea igual a la suma de los valores de los dos primeros td.

Aquí hay dos versiones del código js.

js:?

//jquery? :?

//La implementación de jq es muy simple.

var? ¿mesa? =?$(' # table ');//Encontrar esta tabla

var? trs? =?table.find('tbody?tr'); //Encuentra todos los tr en tbody debajo de esta tabla.

trs.each(function(){

var?tr?=?$(this);//El procesamiento de cada tr.

var? tds? =?tr .find('TD'); //Obtiene todos los tds bajo este tr

if(tds.length?===?3){//Solo procesa los tres siguientes. td.

var? =? tds.eq(0); //El valor del primer td se puede convertir en un número. eq(0); //El valor del segundo td

Text(num_1? ?num_2); //El valor del tercer td es igual a la suma de los valores de su primeros dos td.

}

});

//Js nativo, ¿IE8 es compatible con

var? ¿mesa? =?documento .selector de consultas(' # tabla ');

var? trs? =?tbody.querySelectorAll('tbody? gt?tr');

for(var?i=0,tr;?tr?=?TRS[I];?i){

var? tds? =?tr . selector de consultas all(' TD ');

if(tds.length?===?3){

var? n1? =?tds[0]. textointerior

var? n2? =?tds[1]. textointerior

tds[2]. texto interno? =?n1? ?N2;

}

}