Question

<div class="post-content">
    <p>XYZ</p>
        <h4></h4>
    <p>XYZ</p>
        <h4></h4>
    <p>XYZ</p>
        <h4></h4>
    <p>XYZ</p>
        <h4></h4>
    <p>XYZ</p>
        <h4></h4>       
</div>

现在我想在p之后添加一个类，它只是在p之后，想要隐藏它。然后在h4点击后想要显示它。

Answer 1

如果我理解你的问题，我会选择jquery：

<script src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script>
$(function(){
  $('.post-content p').hide().next('h4').click(function(){ $(this).prev().show() });
});
</script>

<div class="post-content">
  <p>XYZ</p><h4>Click me</h4>
</div>

Answer 2

您可以使用

$("#MyElement").addClass(classname);
$("#MyElement").removeClass([classname]);
$("#MyElement").toggleClass(classname);

添加/删除类

How to apply css class to an html element using jquery in ASP .NET MVC?

如何添加课程

2 个答案: