javascript - jQuery + 返回被单击元素的函数

Question

我已经被困在这个问题上很长时间了，我正在寻找一些指导...... 我想把以下内容变成更有活力的东西。我希望“选择器”根据单击的元素进行更改/更改。

所以这是我认为需要做的事情:

1. 找出哪个元素被点击。 (h1，p，ol)
2. 现在该元素位于变量中，对我在下面创建的函数应用类似的函数。

否则，我必须为每个元素实例指定相同的函数。 (h1、h2、h3、p、ul、ol)

到目前为止，这就是我所拥有的:(有效，但显然仅适用于我的 h1 元素)

$("#content_body h1").click(function() {    
        $(this).hide(); //hide current element.
        $(this).next().show(); //display next element.

        var numofEl = $("#content_body h1").length;

        if ($(this).next().index() == numofEl) { //if we're at last element,
        $("h1:first-child").show(); //restart cycle.
        }
});

非常感谢任何帮助..提前致谢!

*更新**

另一种表达/描述我想要表达的内容的方式:

假设容器中有许多不同的元素。 (例如>#content_body)

• 对于每种不同的元素类型(h1、h2、p) - 一次仅显示一个。 (默认从每个 el 的第一个开始。)
• 当您单击该元素时，它会循环浏览同一个同级元素。 (h1将隐藏当前h1，并显示下一个h1，当到达结束/最后一个h1时，重新开始循环)

Answer 1

如果您想将选择器应用于多个不同的 DOM 元素，可以用逗号分隔选择器:

$('h1,p,ol').click(function(){ })