使用jquery从标记中删除类时出现问题

Question

我有几个看起来像这样的div框,它们都像是productholder2,productholder3等等.这是其中之一:

 <div class="productholder1>  
    <p class="hidden">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod   tempor incididunt</p>     
    <input type="button" value="Läs mer" class="button">                                               
</div>

我想要实现的是<p>使用jQuery 删除标记上的这个隐藏类.

不知何故,我需要指定它是我要删除productholder1的<p>类,因此弹出文本,因为在CSS中我.hidden{display:none);删除了应该弹出文本的类.

我已经尝试过以下jQuery,但它不起作用.我究竟做错了什么？

<script type="text/javascript">
   $(document).ready(function () {
       $(".button").click(function () {
           $('.productholder1').removeClass("hidden");
       });
   });
</script>

Answer 1

该hidden班是为在<p>元素不是<div>元素这是您当前选择什么,所以你可能需要使用的选择'.productholder1 p'来抓住它,并删除类.如果你只想要<p>的元素立刻产品夹持器DIV下面,你可以使用这个选择'.productholder1 > p'也是如此.

<script type="text/javascript">
   $(document).ready(function () {
       $(".button").click(function () {
           $('.productholder1 p').removeClass("hidden");
       });
   });
</script>

其他一些选择 -

1. 所有<p>元素都hidden紧跟在a之下<div>
   1. $('div > p.hidden')
2. 多个选择器具有<p>以下
   1. $('.productholder1 p, .productholder2 p, .productholder3 p')