Javascript 如何选择第一个和最后一个出现的<;td>;在a<;tr>;?
因此,我有一个html表,其结构如下:Javascript 如何选择第一个和最后一个出现的<;td>;在a<;tr>;?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,因此,我有一个html表,其结构如下: <table> <tbody> <tr> <input type="hidden" name="a" value="x"> <input type="hidden" name="b" value="y"> <td>First Cell</td> <td>Some text
<table>
<tbody>
<tr>
<input type="hidden" name="a" value="x">
<input type="hidden" name="b" value="y">
<td>First Cell</td>
<td>Some text</td>
<td>Some text</td>
<td>Last Cell</td>
</tr>
</tbody>
</table>
第一单元
一些文本
一些文本
最后一个细胞
我想要的是一种通用的方法,使用CSS总是选择每行的第一个和最后一个出现的元素,因为每个实例中隐藏的输入元素的数量可能不同。
PS:我想做的是,在我的应用程序中,我想使用公共css从所有现有表中删除第一个表的左边框和最后一个表的右边框。整体结构保持不变,但隐藏输入字段和单元格的数量可能不同。
任何帮助都将不胜感激。提前谢谢 在jquery中预定义了关键字 请参阅参考资料和 要获得第一个
td
$("tr").find("td:first").html();
$("tr").find("td:last").html();
获取最后一个td
$("tr").find("td:first").html();
$("tr").find("td:last").html();
这很有效,而且很简单
注意:不要将html内容直接放入tr
中,请始终使用td
这样做
例:
您可以用逗号分隔多个CSS选择器:
td:first-child, td:last-child { background: red; }
顺便说一下,检查您的标记,因为它看起来无效(
input
不允许tr
中的元素)。完美答案@新手,也许你可以阅读这个页面选择器真的很有用!事实上,问题是输入标签只是..我不能使用这些选择器,因为。。谢谢你强调它是无效的HTML。我已经得到了这样的结构。我会做必要的更改。谢谢@很高兴知道…谢谢!。。我已经得到了这样的结构只有。现在我可以使用jquery来查找第一个和最后一个。是的,您可以使用jquery来完成。看看我的答案,也许会有帮助