Question

我通过 JSON 呈现包含动态数据的表格，我需要选择除最后一个之外的所有单元格，因为我要进行一些计算。是否有任何选择器或功能可以解决这个问题？

HTML

    <tbody id="tiempo_plan_table1">
        <tr>
            <td ></td>
            <td ></td>
            <td ></td>
            <td ></td>
            <td ></td>
            <td ></td>
            <td >
                <button>+</button>
                <button>-</button>
            </td>
        </tr>
        <tr>
            <td ></td>
            <td > </td>
            <td ></td>
            <td ></td>
            <td ></td>
            <td ></td>
            <td >
                <button>+</button>
                <button>-</button>
            </td>
        </tr>   
        <tr>
            <td ></td>
            <td ></td>
            <td ></td>
            <td ></td>
            <td ></td>
            <td ></td>
            <td >
                <button>+</button>
                <button>-</button>
            </td>
        </tr>   
        <tr>
            <td ></td>
            <td ></td>
            <td >Result</td>
            <td ></td>
            <td ></td>
            <td ></td>
            <td >
                <button>+</button>
                <button>-</button>
            </td>
        </tr>                                       
    </tbody>

我找到了这个解决方案

$("tbody tr td:nth-child(3)").filter("td:not(:last)").css("background", "CornflowerBlue")

Answer 1

您可以使用:not()和:last-child选择器

的组合

$("tbody tr td:not(:last-child)").addClass("background");

＆＃13;

$("tbody tr td:not(:last-child)").addClass("background");

＆＃13;

.background {
  border: 1px solid red;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="tiempo_plan_table1">
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td>
      <button>+</button>
      <button>-</button>
    </td>
  </tr>
  <tr>
    <td></td>
    <td> </td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td>
      <button>+</button>
      <button>-</button>
    </td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td>
      <button>+</button>
      <button>-</button>
    </td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td>Result</td>
    <td></td>
    <td></td>
    <td></td>
    <td>
      <button>+</button>
      <button>-</button>
    </td>
  </tr>
</table>

＆＃13;

Answer 2

这是解决问题的代码....

$("tbody tr td:nth-child(3)").filter("td:not(:last)").css("background", "CornflowerBlue")

¿如何使用Jquery选择除最后一个之外的列单元格？

2 个答案: