javascript - 使用 jQuery 选择表组列

Question

这是我要选择的表格列的一部分。这是代码：

<tr>    
<th colspan="2">
</th>
</tr>
<tr>
<td></td><td></td>
</tr>
<tr>
<td colspan="2"></td>
</tr>

现在我希望能够选择整个大列。尝试了很多方法，但到目前为止都没有奏效。任何帮助，将不胜感激。

Answer 1

好吧，会的

$('th[colspan="2"],td[colspan="2"]')

Answer 2

这个更复杂的 jquery 代码可以解决问题。它正在寻找具有特定 colspan 的 ath和所有的td（所以它并不完美，因为你不能td连续有 2 个大 s）。它还td用 1 colspan 隐藏了所需的 s 数量。http://jsfiddle.net/balintbako/xz6W4/

var colw = 2;
var position = $("th[colspan=" + colw + "]").prevAll().length;
$("th[colspan=" + colw + "]").hide();
$("tr").each(function () {
    if ($(this).find("th").length !== 0) {    
        return;
    }    
    if ($(this).find("td[colspan=" + colw + "]").length !== 0) {
        $(this).find("td[colspan=" + colw + "]").hide();        
        return;
    } 
    for (var i = 1; i <= colw; i++) {
        $(this).find("td:nth-child(" + (position + i) + ")").hide();
    }
});

Answer 3

好吧，如果你知道它是哪一列，即第三列，那么它就像

$("table td:nth-child(3),table th:nth-child(3)")

另一个答案可能是

如果您可以更改标记

<tr>    
<th colspan="2" class="bigcol">
</th>
</tr>
<tr>
<td class="bigcol"></td><td></td>
</tr>
<tr>
<td colspan="2" class="bigcol"></td>
</tr>


$(".bigcol").hide()