簡體   English   中英

如何使用javascript給特定的td一個類名?

[英]how to give a certain td a class name with javascript?

在php中的foreach循環中,將創建帶有td的行列表。 在這些行的1中,該文件夾的名稱為tmp 是否可以給該td一個hidden的類,以便該文件夾不可見?

這是foreach產生我的html的方式:

<tr>
  <td>
     <a href="#">tmp</a>
  </td>
  <td>
     Jan 31 '19
  </td>
  <td>
     1.2 Kb
  </td>
  <td>
     .png
  </td>
  ///

因此: td ,其中名稱為tmp的錨應獲得類名稱:下圖所示為hidden

<tr>
  <td class="hidden">
     <a href="#">tmp</a>
  </td>
  <td>
     Jan 31 '19
  </td>
  <td>
     1.2 Kb
  </td>
  <td>
    .png
  </td>
  ///

為什么不給它服務器上的類呢?

如果沒有

 //$("td:has('a')").addClass("hidden"); // OR $("td:has('a:contains(tmp)')").hide() 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <table> <tr> <td> <a href="#">tmp</a> </td> <td> Jan 31 '19 </td> <td> 1.2 Kb </td> <td> .png </td> </tr> </table> 

我想知道為什么您不按照@mplungjan的建議在服務器端執行此操作,但是如果要在客戶端而不是服務器端執行此操作;

 $(function() { $("#folders a:contains('tmp')").parents("td").addClass("hidden"); }); 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <table id="folders"> <tr> <td> <a href="#">tmp</a> </td> <td> Jan 31 '19 </td> <td> 1.2 Kb </td> <td> .png </td> </tr> </table> 

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM