使用Jquery检测Table的长度具体说明答案

【问题标题】：Use Jquery to Detect length of Table for specific description使用Jquery检测Table的长度具体说明
【发布时间】：2016-09-10 19:31:54
【问题描述】：

我有一段运行良好的代码，但我想对其进行改进以检测表格的长度并在此基础上给出描述。

这基本上是一个产品目录，我使用 wordpress 条目来显示产品描述。大多数条目都包含一个表格，有些则没有。如果存在表，则会创建指向表中特定点的链接，单击时访问者会前往那里。当检测到 NO 表时，会给出该效果的描述。

我想要做的改进是添加一个额外的条件，如果表格的长度是，比如说，只有 4 行或更少，则对该条件有不同的描述，例如

elTitulo.after("<a href='#tablesp' class='speclink'>Ver BREVE Tabla de Especificaciones</a> ");   (BREVE = BRIEF)

我不知道如何整合这部分。它是否需要现有条件中的条件？还是全新的状态？

<script>
    jQuery(document).ready(function($) {
        var elTitulo = $(".entry-title");
        $("tbody").before("<div id='tablesp'></div>");
        if ($('table').length) {
            elTitulo.after("<a href='#tablesp' class='speclink'>Ver Tabla de Especificaciones</a> ");
        } else {
            elTitulo.after("<p class='speclink'>(No hay tabla especial de especificaciones. Breve descripción disponible)</p> ");
        }
    });
</script>

【问题讨论】：

标签： jquery wordpress if-statement conditional

【解决方案1】：

这应该可以，但您的代码假定页面中只有一个表格。此外，在您的 tbody 中添加 div 洞察力也不是一个好主意。

jQuery(document).ready(function($) {
    var elTitulo = $(".entry-title");
    $("tbody").before("<div id='tablesp'></div>");
    if ($('table').length) {

      if($('table tbody tr').length < 4){
        // There are less then 4 rows (not including 4)
        elTitulo.after("<a href='#tablesp' class='speclink'>Ver BREVE Tabla de Especificaciones</a> ");
      } else {
        elTitulo.after("<a href='#tablesp' class='speclink'>Ver Tabla de Especificaciones</a> ");
      }

    } else {
        elTitulo.after("<p class='speclink'>(No hay tabla especial de especificaciones. Breve descripción disponible)</p> ");
    }
});

【讨论】：

感谢乌兹别克琼。是的，很好的假设。每个条目只有一张桌子。关于表格内的 div，那是因为我尝试了针对“表格”标签的 before() 方法，但它不起作用。不知道为什么。
我还修复了 div 里面的表格情况。我认为这只是将“与”混合在一起的语法问题。谢谢！