javascript - 将 "this"与 jQuery 选择器一起使用

Question

我有一些如下所示的 HTML:

<ul class="faq">
    <li class="open">
        <a class="question" href="">This is my question?</a>
        <p>Of course you can, it will be awesome. </p>
    </li>
</ul>

使用 CSS，我将 p 标记设置为 display:none;。我想使用 jQuery 在单击 anchor 时显示或隐藏 p 标记，但我在使用同级选择器时遇到了一些问题。

只是想让选择器工作，我尝试过:

$("a.question").click(function () {
    $(this + " ~ p").css("background-color", "red");
});

来测试一下。看起来，同级选择器实际上不能那样使用，而且由于我对 jQuery 完全陌生，我不知道实现这一点的适当方法。

Answer 1

尝试使用:

$(this).siblings('p').css()