jquery - 如何构造点击事件(涉及jQuery选择器)

Question

我以编程方式构建了一组三层 DIV。

A类
(Title1)
(内容)
(标题2)
(内容)
B类
C类

默认情况下，我将级别 2 及以下(标题和内容)设置为显示:无。使用此代码，我显示属于所单击类别的所有标题:

    $("#catA").on("click", function() {
        $("#catA .itemTitle").css("display", "block");
    });
    ...

现在我想做的是只显示点击标题的内容。这似乎超出了我对选择器的了解!有什么想法吗？

Answer 1

您可以尝试将点击事件绑定(bind)到 .itemTitle 并显示它的下一个内容，(如果您使用的是 jQuery，则无需使用显示 block 来显示隐藏的元素简单你可以使用show()方法):

$('.itemTitle').on('click', function(){
  $(this).next('.content').show();
});  //---------^^^^^^^^-------------my assumption of class change to yours