Home > Developer > Web Develop
Table adds a row and displays the jquery implementation method in the first column of each row of uppercase letters
<! DOCTYPE HTML PUBLIC "-//w3c//dtd HTML 4.01 transitional//en" "HTTP://WWW.W3.ORG/TR/HTML4/LOOSE.DTD" >
<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 ">
<title>add_tr</title>
<script src= ' jquery.js ' ></script>
<script>
Create letter
var letterarr = [];
for (Var i=65,j=0;i<91;i++,j++)
{
LETTERARR[J] = String.fromCharCode (i);
}
$ (function () {
$ (' #btnok '). On (' click ', function () {
Alert ($ (' input.add '));
$ (' Table:last '). Append (' <tr> ' + $ (' Table Tr:last '). html () + ' </tr> ');
Orderline ();
});
Orderline ();
});
Defined Add Letter function
function Orderline () {
Get input where class EQ add
$ (' Input.add '). Each (function (i) {
Console.log ($ (this));
$ (this). Children ("Tr:first").
$ (this). Val (Letterarr[i]);
});
}
</script>
<body>
<input id= "Btnok" type= ' button ' value= ' click ' >
<table border= ' 1 ' width= "id=" "Tta" >
<tr width= ">"
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr width= ">"
<td><input type= "Text" class= "Add" ></td>
<td><input type= "Text" ></td>
<td><input type= "Text" ></td>
<td><input type= "Text" ></td>
<td><input type= "Text" ></td>
</tr>
</table>
</body>
Table adds a row and displays the jquery implementation method in the first column of each row of uppercase letters
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
