如何在没有Jquery第一列的情况下获取表的所有组件？

Question

我的办公室下一个，我碰巧有一个用html生成的表，但我想捕获表的所有结构而不考虑整个第一列，直到现在才能设法捕获变量中的所有组件，但我需要改进它以捕获表格的第一列以外的所有内容。

html的

<table border="1" id="tblConsulta">
    <thead>
        <tr>
            <th>Eliminar</th>
            <th>Dependencia</th>
            <th>UU.OO</th>
            <th>Documento</th>
            <th>Reg</th>
            <th>Responsable</th>
            <th>Fecha Inicio</th>
            <th>Fecha Fin</th>
            <th>Fecha Autoriz</th>
            <th>Estado</th>
            <th>Motivo</th>
        </tr>
    </thead>
    <tr>
        <td><input class="editor-active" value="74" disabled="" type="checkbox" /></td>   
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
        <td>5</td>
        <td>6</td>
        <td>7</td>
        <td>8</td>
        <td>9</td>
        <td>10</td>
    </tr>
</table>

的javascript

var output = '';

$("[id=tblConsulta]").each(function() {
    output += $(this).find("thead").html();
    $('#tblConsulta tbody tr').each(function() {
        var j = 0;
        output += '<tr class="">';
        $.each(this.cells, function() {
            j++;
            if (j < 12) {
                if (j == 5) {
                    output += '<td class="date">';
                } else if (j == 3) {
                    output += '<td class="number">';
                } else {
                    output += '<td class="text">';
                    output += $(this).html();
                    output += '</td>';
                }
            }
        });
        output += '</tr>';
    });
});

console.log(output);

我希望你能帮助我，我的想法是捕获chexbox不想在链中标记，因为那时我想在报告中打印它。

我还发布了jsFiddle：https://jsfiddle.net/movboj2m/

Answer 1

使用tblConsulta tr:gt(1)。 gt 选择器：https://api.jquery.com/gt-selector/

Answer 2

首先保存后，直接尝试从表中删除第一列。然后在打印完日志后，将表格放回原来的状态，即：

＆＃13;

＆＃13;

var output = '';
var saveTable = $("table").html();

$("table").find("th:first").remove();
$("table").find("tr").each(function() {
    $(this).find("td:first").remove();
});

$("[id=tblConsulta]").each(function() {
    output += $(this).find("thead").html();
    $('#tblConsulta tbody tr').each(function() {
        var j = 0;
        output += '<tr class="">';
        $.each(this.cells, function() {
            j++;
            if (j < 12) {
                if (j == 5) {
                    output += '<td class="date">';
                } else if (j == 3) {
                    output += '<td class="number">';
                } else {
                    output += '<td class="text">';
                    output += $(this).html();
                    output += '</td>';
                }
            }
        });
        output += '</tr>';
    });
});

console.log(output);
$("table").html(saveTable);

＆＃13;

	.title{
		font-weight:bold;
	}
	
	.index {
	
		height: 30px;
		width: 40px;
 		display: inline-block;
  		border: 1px solid white;
  		background-color: cadetblue;
  		color: black;
  		text-align: center;
  		line-height: 30px;
	}
	
	.prev {
	
		height: 30px;
		width: 40px;
 		display: inline-block;
  		border: 1px solid white;
  		background-color: cadetblue;
  		color: black;
  		text-align: center;
  		line-height: 30px;
	}
	
	.next {
	
		height: 30px;
		width: 40px;
 		display: inline-block;
  		border: 1px solid white;
  		background-color: cadetblue;
  		color: black;
  		text-align: center;
  		line-height: 30px;
	}
	
	.clicked{
		height: 30px;
		width: 40px;
 		display: inline-block;
  		border: 1px solid black;
  		background-color: #993333;
  		color: white;
  		text-align: center;
  		line-height: 30px;
	}
	
	.enter{
		color: white;
		border: 1px solid black;
	}
	
	#result1{
		margin-top: 10px;
		margin-left: 300px;
	}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table border="1" id="tblConsulta">
    <thead>
        <tr>
            <th>Eliminar</th>
            <th>Dependencia</th>
            <th>UU.OO</th>
            <th>Documento</th>
            <th>Reg</th>
            <th>Responsable</th>
            <th>Fecha Inicio</th>
            <th>Fecha Fin</th>
            <th>Fecha Autoriz</th>
            <th>Estado</th>
            <th>Motivo</th>
        </tr>
    </thead>
    <tr>
        <td><input class="editor-active" value="74" disabled="" type="checkbox" /></td>   
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
        <td>5</td>
        <td>6</td>
        <td>7</td>
        <td>8</td>
        <td>9</td>
        <td>10</td>
    </tr>
</table>

＆＃13;

＆＃13;

＆＃13;