2011-06-28 159 views
0

我有一个表,我使用此代码添加<div class="out"></div>第二列单元格内:jQuery的表列TD:第n个孩子()

$(".main-vervolg .right .bottom table tbody td:nth-child(2)").append('<div class="out"></div>'); 

这个div去的在细胞上,但我里面的文字不希望该列的最后一个单元格在其内部获得该div。

+0

尽量不要把块级元素的表里面......这听起来像你正在使用它是一个大的布局不要 –

+0

嗨,约翰,但你怎么做,然后[截图](http://www.dreamwire.nl/klanten/table.jpg)。如果某件商品已售完,我想在该列上放一层。 – Maanstraat

+2

您应该可以通过向每行中的列添加CSS类来获得所需的效果。 '$('tr td:nth-​​child(2)')。addClass('sold-out')'。 –

回答

1

您可以使用:not()选择与:last选择一起实现的是:

$(".main-vervolg .right .bottom table tbody td:nth-child(2):not(:last)").append('<div class="out">out</div>'); 

Demo

+0

thnx mate'n-child(2):not(:last)'是修复:) – Maanstraat