Javascript 使用依赖于intendation字符串的jQuery展开HTML表

导言： 在我的部门，一位同事和我正在尝试建立一个基于Django框架的库存控制系统。基本上，大部分东西都在工作。但目前，jQuery存在一些问题。 想象一下，我们的数据库中有一些设备，例如手机，我们希望获得所有组件的详细视图。每个设备都有一些子组件，例如主板，主板也可以有子组件，例如CPU、RAM等，。。。。 说明： 方法的HTML文件中的django实现提供nessecary数据，如下所示：

        {% for module in submodels %}
            <p>
                {{ module.intentation }} || submodules: {{ module.has_subs }} || {{ module.object }} 
            </p>
        {% endfor %}

如果标志has_subs of a module为TRUE，则在方法意图模块的返回字符串中列出的所有从属项都应展开。例如：点击主板1.2，所有意图为1.2.x的子模块都应该展开。模块意图的数据结构有以下零。例如，对于OLED： 1.1.0.0，主板：1.2.0.0，CPU:1.2.1.0，RAM:1.2.2.0。。。 问题: 我们如何用jQuery实现这个功能来扩展表？我们考虑了一个jquery函数，它解析意向字符串和has_subs值。

我们还想实现两个按钮全部关闭和全部展开

谢谢你的帮助，

---

关于matthieu

您需要一个标签，例如：

{% if module.has_subs %} 
    <p class ="with-subs-p">
        Module Name
    </p>
    <div class="with-subs-d">
        # Print each of the subs in whatever format you like
    </div>
{% else %}
    <p>Module Name</p>
...

---

为了清楚起见，你能解释一下原因吗？那么，仅仅出于兴趣，什么是意图？

{% if module.has_subs %} 
    <p class ="with-subs-p">
        Module Name
    </p>
    <div class="with-subs-d">
        # Print each of the subs in whatever format you like
    </div>
{% else %}
    <p>Module Name</p>
...

$(document).ready(function()
{

  $(".with-subs-d").hide();
  $(".with-subs-p").click(function()
  {
    $(this).next(".with-subs-d").slideToggle(600);
  });
});