Question

<div class="item">
  <i class="paint brush icon"></i>Colour
  <div class="compact menu">
    <div class="ui two column padded grid">
      <div class="column">
      <a class="item">
        <div class="ui red empty circular label"></div>
        Red
      </a>
      </div>
      <div class="column">
      <a class="item">
        <div class="ui orange empty circular label"></div>
        Orange
      </a>
      </div>
      <div class="column">
      <a class="item">
        <div class="ui yellow empty circular label"></div>
        Yellow
      </a>
      </div>
      <div class="column">
      <a class="item">
        <div class="ui olive empty circular label"></div>
        Olive
      </a>
      </div>
      <div class="column">
      <a class="item">
        <div class="ui green empty circular label"></div>
        Green
      </a>
      </div>
    </div>
  </div>
</div>

如果我单击col 1，第2行，那么如何从所有行获取所有值col 1并保存到除此值之外的数组中？

Answer 1

$('td').click(function() {
    var colIndex=$(this).index();
    var allCellsOnTheColumn=$(this).closest('table').find('tr').find('>td:eq('+colIndex+')');
    var allCellsWithoutThisOne=allCellsOnTheColumn.not(this);
    console.log(allCellsWithoutThisOne);
});

此代码会在所有 td 上添加点击处理程序，这样当您点击一个时，它将console.log同一列上的所有 td ，除了点击一下。那是你想要的吗？

如何通过jquery获取同一列的所有td值？

1 个答案: