jq html 转table,JQuery操作html Table的一些好方法
时间: 2023-10-12 13:09:25 浏览: 143
Jquery Table 操作
将HTML转换为table可以使用以下代码:
```javascript
var html = "<table><tr><td>1</td><td>2</td></tr><tr><td>3</td><td>4</td></tr></table>";
var table = $(html);
```
现在,您可以使用JQuery操作table中的数据。以下是一些示例:
1. 获取table行数和列数:
```javascript
var rows = table.find('tr').length;
var cols = table.find('tr:first-child td').length;
```
2. 获取table中的单元格值:
```javascript
table.find('tr').each(function() {
var row = [];
$(this).find('td').each(function() {
row.push($(this).text());
});
console.log(row.join(","));
});
```
3. 向table添加新行:
```javascript
var newRow = $("<tr><td>5</td><td>6</td></tr>");
table.append(newRow);
```
4. 向table特定位置添加新行:
```javascript
var newRow = $("<tr><td>5</td><td>6</td></tr>");
table.find('tr:eq(1)').after(newRow);
```
5. 删除table中的行:
```javascript
table.find('tr:eq(1)').remove();
```
阅读全文