如果父跨度为空,则隐藏链接?

时间:2011-11-30 18:41:22

标签: jquery

  

可能重复:
  Hide link from a cell if other elements in that cell are empty

如何隐藏地图和路线'链接,如果父跨度没有值?如果没有办公室名称,地址,电话和工作时间,我想隐藏地图和方向链接。就像在第一个单元格上有所有这些值所以我希望地图和方向显示但在第二个,由于没有值,地图和方向链接应该隐藏。你怎么用jquery做?

 <tr>                                     
    <td class="Office3" style="border-top:1px dotted silver;  width:40%;">
     <span class="OfficeName">
     St. Margaret Hospital<br />
     </span>
     <span class="Address">
     2001 86th Street West,  <br />Indianapolis, IN 46260 </span>
     <span class="Phone">
     (317) 342-1254</span><br />
     <a class="mapdirectionsLink" href="#">map &#38; directions&#62;</a><br /><br />
     <span class="Hours">
     MTW: 9:00 AM- 5:00 PM </span>
    </td>
    <td class="Office4" style="border-top:1px dotted silver;  width:40%">   
    <span class="OfficeName">
    &#160;<br />
    </span>
    <span class="Address">
    <div dir=""></div>&#160;</span>                                     
    <span class="Phone">
    &#160;</span><br />
    <a class="mapdirectionsLink" href="#">map &#38; directions&#62;</a><br /><br />
    <span class="Hours">
    &#160;</span>                       
    </td>
 </tr>

1 个答案:

答案 0 :(得分:1)

假设您的所有<td>都在一个包含“办公室”类的表中:

$("table.offices td").filter(function () {
  return $(this).children("span").map(
    function () { return $.trim( $(this).text() ); }
  ).toArray().join("") == "";
}).find("a.mapdirectionsLink").hide();