Question

我遇到了桌面问题，我无法将显示无设置到最后一个。

这是我的代码：

#content-area-job-details #site-content-job-details .entry-content table.job-table tr th:last-of-type{
display:none;
}

当我使用此代码时，它将显示为none。我只希望最后一次显示无。

您可以在以下位置查看我的问题：

http://westecmedia.com/?page_id=974

请帮帮我

Answer 1

这不起作用。 :last-child或:last-of-type始终相对于父容器。因此，对于表格，这是tr元素。如果您匹配表中的所有tr元素，然后获取每个元素的最后th，那么您将匹配每个行中的每个th。所以在你的情况下，基本上所有th s。

你需要有办法选择你感兴趣的那个tr，但除了:nth-last-child(2)以外，没有一个很好的方法来获得那个。{1}}。你应该为它添加一个实际的类。

请注意，仅隐藏th不会给您带来理想的结果。表格单元格总是表格单元格，除非您使它们占用多个单元格，否则它们只会占用一个单元格。因此，在您的情况下，如果您隐藏或删除该th，则以下td将不填充整行。它只适合th之前所在的非常小的单元格。您必须将colspan="2"添加到标记中的td 才能解决此问题。

Answer 2

你应该使用javascript来做你需要的......

(function(window) {
  'use strict';
  
  function hideLastTh() {
    var lastElement;
    
    try {
      lastElement = window
        .document
        .querySelector('.job_info')
        .parentElement
        .parentElement
        .querySelector('th[scope="row"]')
      ;
      
      lastElement
        .classList
        .add('hidden')
      ;
      
    } catch(e) {
      console.error('hideLastTh:ERROR', e);
    }
    
  
  }
  
  return window.document.addEventListener('DOMContentLoaded', hideLastTh);
})(window);

Answer 3

我可以看到您的网站使用jQuery。如果你可以添加jQuery代码，只需添加以下两行：

$("th:last").hide();
$("th:last").siblings("td").attr("colspan","2");

如何在表格中显示最后一个？

3 个答案: