javascript可点击文本

这应该是一个相当基本的问题。 我想要一些html列表：

• A
• B
• C

通过单击其中一个元素，下面应该会显示一些内容。例如，单击B时，我们获得：

• A
• B
  “呜呜呜呜”
• C

我想有很多方法可以做到这一点。我只想用最简单/最干净的方法来做

谢谢，
阿尔诺

函数打开项（发送方）{
sender.getElementsByTagName（'div'）[0].style.display='block'；
}
...


A.
布拉布拉


B
布拉布拉


C
布拉布拉

实现同样目标的多种方法之一。

我会使用jQuery。

---

为每个元素指定一个ID，通过jQuery为每个元素设置一个onClick侦听器，让它运行一个函数，查找子元素（如

或您想要围绕内容的内容）并显示它。

下面是一个使用insertAfter的简单jQuery函数

$('li').click(function() {
    $('<span>blah blah</span>').insertAfter(this);
});

$（'li'）。单击（函数（）{
$（'blah-blah'）。插入后面（this）；
});

---

请参见此处的操作：

您可以使用jQuery添加动态内容：

$("li").click(function() {
    $(this).append("<br />bla bla bla");
});

$（“li”）。单击（函数（）{
$（this.append（“
bla bla”）；
});

我写了一个纯JavaScript代码

$("li").click(function() {
    $(this).append("<br />bla bla bla");
});