如何選擇包含鏈接的所有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？

回答

相關問題