如何选择包含链接的所有td？

这是我的表格，我喜欢选择包含链接的所有td-s。如何选择包含链接的所有td？

此选择选择TD的所有链接，但我喜欢的风格TD不是链接：

‪#‎wp‬-calendar > tbody > tr > td > a:link

我的HTML表：

<table id="wp-calendar"> 
    <tbody> 
     <tr> 
      <td colspan="5" class="pad">&nbsp;</td> 
      <td>1</td> 
      <td>2</td> 
     </tr> 
     <tr> 
      <td>3</td> 
      <td>4</td> 
      <td>5</td> 
      <td>6</td> 
      <td>7</td> 
      <td>8</td> 
      <td>9</td> 
     </tr> 
     <tr> 
      <td><a href="" title="test">10</a></td><td><a href="/2014/11/11/?cat=14&amp;future=all" title="Mladi talenti, predstavimo se!">11</a></td> 
      <td><a href="/2014/11/12/?cat=14&amp;future=all" title="test">12</a></td> 
      <td><a href="/2014/11/13/?cat=14&amp;future=all" title="test2">13</a></td> 
      <td>14</td> 
      <td>15</td> 
      <td>16</td> 
     </tr> 
     <tr> 
      <td>17</td><td><a href="/2014/11/18/?cat=14&amp;future=all" title="test3">18</a></td> 
      <td><a href="/2014/11/19/?cat=14&amp;future=all" title="test4">19</a></td> 
      <td>20</td> 
      <td>21</td> 
      <td>22</td> 
      <td>23</td> 
     </tr> 
     <tr> 
      <td>24</td> 
      <td>25</td> 
      <td>26</td> 
      <td>27</td> 
      <td>28</td> 
      <td>29</td> 
      <td>30</td> 
     </tr> 
    </tbody> 
</table>

来源

2014-12-01 sanof

你也可以添加一个类到每个td里面有一个链接。在你的标记中：''，并在你的CSS：'td.has_link {...}'中。尽管在我看来，JS是一个更清洁的选择。 – 2014-12-01 16:04:41

我会争辩说，尽管答案涉及到经常问的'CSS中是否有一个父选择器'（上行过滤器），这实际上是询问，是否有条件内容选择器（降序过滤器） – SW4 2014-12-01 16:06:40

您不能选择基于其子女在CSS元素或内容（内容是否为:empty）

您需要诉诸使用Javascript，例如在jQuery中，这可以通过例如:has

$("td:has(a)")

来源

2014-12-01 15:59:58 SW4

$（'td：has （a）'）.css（'background-color'，'red'）不起作用，你测试了吗？ – 2014-12-01 16:08:21

@ Bhojendra-C-LinkNepal是的它：http://jsfiddle.net/ksrnuw6r/ – 2014-12-01 16:11:50

@ Bhojendra-C-LinkNepal - 为了避免任何疑问：http://jsfiddle.net/v8y3qL8o/ – SW4 2014-12-01 16:12:23

如何选择包含链接的所有td？

回答

相关问题