Как выбрать все 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 является более чистым вариантом. –

Я бы сказал, что хотя ответ относится к часто задаваемому «есть ли родительский селектор в CSS» (восходящий фильтр), на самом деле спрашивается, есть ли условный селектор содержимого (фильтр нисходящего) – SW4

Вы не можете выбрать элемент в CSS, основываясь на своих детей или содержимого (кроме содержания его :empty)

Вам необходимо прибегнуть к использованию Javascript, например в jQuery это можно сделать с помощью, например, :has

$("td:has(a)")

источник

2014-12-01 15:59:58 SW4

$ ('td: has (a) '). css (' background-color ',' red ') не работает, вы тестировали? –

@ Bhojendra-C-LinkNepal Да: http://jsfiddle.net/ksrnuw6r/ –

@ Bhojendra-C-LinkNepal - во избежание любых сомнений: http://jsfiddle.net/v8y3qL8o/ – SW4

Как выбрать все td, содержащее ссылку?

ответ

Смежные вопросы