在jQuery选择器中使用"this"

我有一些看起来像这样的HTML:

    

        This is my question?
        
Of course you can, it will be awesome. 
    

使用CSS我将'p'标签设置为display:none;.我想在单击锚点时使用jQuery来显示或隐藏'p'标签,但我对兄弟选择器有一些麻烦.

只是试图让选择器工作,我试过:

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

测试一下.看起来,兄弟选择器不能真正像这样使用,因为我对jQuery完全不熟悉,我不知道实现这种情况的适当方法.

提前致谢!

尝试使用:

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

$(this).next("p").css("...")

如果您只想要DOM中的下一个非空白节点,则上面的"p"是可选的.

我想在点击锚点时使用jQuery来显示或隐藏'p'标签

既然你提到你想在点击锚点时切换'p'标签,我会这样做:

  $("a.question").click(function (event) {
      $(this).siblings('p').show(); //toggle the p tags that are siblings to the clicked element
      event.preventDefault(); //stop the browser from following the link
  });