onclick事件 加display的改变

解决方案 »

  1.   


    onclick事件 加display的改变
    本来就是onclick 我只是想调用相同的class 获取不同的内容
      

  2.   

    $(".in_btn").click(function () {
        $(".div_x:contains(" + $(this).attr("value") + ")").toggle();
    })
      

  3.   

    4楼那个有点问题,按照4楼那个改了一下,这样可以的。。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
        $(".in_btn").click(function () {
    $(".div_x").hide();
    $(".div_x:contains(" + $(this).attr("value") + ")").show();
    })
    });
    </script>
    <style type="text/css">
    *{
        margin:0;
        padding:0;
        }
    .div{
        width:560px;
        height:400px;
        float:left;
        border:1px solid #069;
        }
    .div_x,.div_b{
        width:500px;
        height:350px;
        float:left;
        border:1px solid #000;
        margin:20px 0 0 20px;
        display:inline;
        }
    .div_b{
        display:block;
        }
    .div_x{
        display:none;
        }
    </style>
    </head>
     
    <body>
    <div class="div">
     <div class="div_b">
      <input class="in_btn" type="button" value="11111" />
      <input class="in_btn" type="button" value="22222" />
     </div>
     <div class="div_x">
     11111111
     </div>
     <div class="div_x">
     2222222
     </div>
    </div>
    </body>
    </html>