如何在关闭班级点击时隐藏技能div

时间:2014-07-15 13:37:23

标签: javascript jquery html

如何隐藏div点击对象的div 我添加jquery路径比我的html代码在这里,因为它是我应用脚本删除标签类=" main" span和div class close1

但它没有执行

    <label class="main ">
        <span class="tag-value">mysql </span>
        <div class="close1">X</div>
    </label>
    <label class="main ">
        <span class="tag-value">codeigniter </span>
        <div class="close1">X</div>
    </label>
    <label class="main ">
        <span class="tag-value">ajax </span>
        <div class="close1">X</div>
    </label>
    <label class="main ">
        <span class="tag-value">jquery </span>
        <div class="close1">X</div>
    </label>




        <script>
            $(function(){       
                $(".close1").click(function(){
                    $(this).parent(".main").hide();
                 });
            });
        </script>

2 个答案:

答案 0 :(得分:1)

检查JQ lib。在你的文件的头部,你也可以使用.parent()

http://jsfiddle.net/Yx4EU/

           <script>
                $(function(){       
                    $(".close1").click(function(){
                        $(this).parent().hide();
                     });
                });
            </script>

如果这不起作用,我建议为别人添加一个小提琴。

答案 1 :(得分:0)

检查一下:http://jsfiddle.net/8436y/1/ 在这个小提琴中你会注意到我没有定义父母,因为没有必要(在这种情况下)。

http://jsfiddle.net/8436y/5/ 在这里,我使用.closest()来定义最接近的class="main",这也有效;)