Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何选择第一个和最后一个出现的<;td>;在a<;tr>;?_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 如何选择第一个和最后一个出现的<;td>;在a<;tr>;?

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

因此,我有一个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</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来完成。看看我的答案,也许会有帮助