jquery – 如果一行中只有一个可见的表格单元格,我如何动态添加.attr(‘colspan’,’100′)？

我正在使用wordpress插件向页面添加一个表,但它不允许使用COlspan,所以我用jquery隐藏任何空单元格.
当一行中只使用一个单元格时会发生此问题.我希望它能达到100％.

我需要能够计算每一行中的每个可见单元格,如果只有一个,则将.attr(‘colspan’,’100′)添加到该单元格,以便填充该行.

有任何想法吗？谢谢

这是我用wordpress生成的.

$(document).ready(function() {
  $('.curriculum table tr').each(function() {

    $('td').each(function() {
      var cellText = $.trim($(this).text());
      var $cellExp = $(this).closest('td').prev();

      if (cellText.length == 0) {
        $(this).hide();
        $cellExp.attr('colspan','2');
      }
    });
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="curriculum">
  <table class="table  table-responsive">
    <tbody>
      <tr>
        <td>Lorem ipsum dolor sit amet,consectetur adipisicing elit</td>
        <td>Lorem ipsum dolor sit amet,consectetur adipisicing elit</td>
      </tr>
      <tr>
        <td>Lorem ipsum dolor sit amet,consectetur adipisicing elit</td>
        <td></td>
        <td>Lorem ipsum dolor sit amet,consectetur adipisicing elit</td>
      </tr>
      <tr>
        <td></td>
        <td></td>
        <td>Lorem ipsum dolor sit amet,consectetur adipisicing elit</td>
        <td></td>
        <td></td>
        <td></td>
      </tr>
      <tr>
        <td>Lorem ipsum dolor sit amet,consectetur adipisicing elit</td>
        <td></td>
      </tr>
      <tr>
        <td>Lorem ipsum dolor sit amet,consectetur adipisicing elit</td>
        <td></td>
      </tr>
    </tbody>
  </table>
</div>