如何使用jQuery选择多个单独的表列？-解网

问：

目前，我用于选择第 2 列和第 7 列的 jQuery 选择器是：

$("table tr td:nth-child(2) span:contains('something'), table tr td:nth-child(7) span:contains('something')")

有没有办法缩短这个时间？如果我想选择更多的列，它肯定会变得更长，并且（甚至可能变得更长）只是不断重复。span:contains('something')

jquery html-table jquery-selectors

jQuery.fn.tableColumnChildren = function(columnIndices, selector){

  const query = columnIndices.map(idx => `tr td:nth-child(${idx + 1}) ${selector}`).join(', ');
  return this.find(query);

};

const children = $('table').tableColumnChildren([0, 1], 'span:contains(something)');

console.log(children);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
<tr><td>test</td><td><span>something</span></td><td>more</td><tr>
<tr><td><span>something</span></td><td>cell test</td><td>data</td><tr>
</table>

@RokoC.Buljan：是的，这正是我所希望的。;)就像我在上面的评论中写的那样（在问题本身下）。所以我理解你的评论意味着没有选择器可以轻松做到这一点。那么，像这个答案建议的那样做，这不是一个好的选择吗？有什么替代方案？

0赞 Alexander Nenashev 5/25/2023

@finefoot我认为你的问题和我的回答完全没问题。没有CSS选择器来选择单个列索引，所以我的解决方案是可以的。我现在没有看到更好的选择。当然，你不能把它写成一个jQuery插件函数，而只是一个独立的函数，第一个参数是jQuery表对象。再说一次，如果你对我的解决方案感到满意，我会请你投票并接受我的答案，这样我将来就会有动力支持你，谢谢

0赞 finefoot 5/25/2023

@silentmantra 谢谢你的回答，我已经投了赞成票。这很有帮助，所以它得到了我的赞成。然而，引用SO帮助的话：“你可以接受你认为是解决你问题的最佳答案”，我还不相信这是我问题的最佳解决方案。就这样。:)

上一个：jQuery选择器，用于根据当前上下文设置输入值

下一个：在当前版本中克隆 select2 元素（4.0.13）

如何使用jQuery选择多个单独的表列？

How to select multiple individual table columns with jQuery?

评论

评论