jquery - 使用 JQuery 控制 HTML 元素

Question

我正在尝试做一些真正实用的事情。

<table class="annplain" cellspacing="0" cellpadding="15" width="325">
        <tbody>
          <tr>
             <td><p><strong><a href="#Title" class="Title">Title</a></strong><br />
                <span class="annfrom">date<br />
                </span>
                    <span class="content">.</span>
        <br />
                <br />
            </p></td>
          </tr>
        </tbody>
      </table>

Title
Information – 05/11/2009 at 15:30

我从我的 PHP 代码中生成了许多此类 HTML 表。我必须先隐藏部分中的所有内容，人们只能看到标题。然后当人们点击标题时，我想显示span标签内容。

我使用 jQuery 的切换功能作为 Span 内容的开关。我的问题是如何对所有表格执行此操作，而不是像

这样的硬代码

  $(".title").click(function () {
                $(".content").toggle();

            });

$(".title1").click(function () { $(".content2").toggle();

            });

对于我所有的 table 。

谢谢，我期待您的建议。

Answer 1

为什么不使用 div 作为标题，也不使用 div 作为表格(无标题)。

单击标题时隐藏/显示包含表格的 div。

问候。