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

Question

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

A 类
(Title1)
(Content)
(Title2)
(Content)
B
类 C 类

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

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

现在我要做的是仅显示单击标题的内容。这似乎超出了我对选择器的了解！有任何想法吗？

Answer 1

您可以尝试将click事件绑定到.itemTitle并显示它的下一个内容，（如果您使用的是jQuery，则无需使用显示块来显示隐藏元素，只需使用show()方法即可）：

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

Answer 2

尝试这个：

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