Javascript 如何在关闭类时隐藏技能div单击

如何在div单击的对象上隐藏div 我添加的jquery路径比我的html代码在这里的原样还要多，在我使用span和div class close1应用脚本删除label class=“main”之后还要多

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

但这不是表演

    <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>

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

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

mysql
X
共点火器
X
AJAX
X
jquery
X
$（函数（）{
$（“.close1”）。单击（函数（）{
$（this.parent（“.main”）.hide（）；
});
});

检查JQ lib。在您的r文档的头部，您也可以使用

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

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

$（函数（）{
$（“.close1”）。单击（函数（）{
$（this.parent（）.hide（）；
});
});

如果这不起作用，我建议添加一把小提琴让别人看。

查看以下内容：

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

在这个提琴中，您会注意到我没有定义父对象，因为它不是必需的（在本例中）

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

---

在这里，我使用了

.closest（）

来定义最近的

class=“main”

，它也可以工作；）

你脑子里有jQuery库吗？有冲突吗？这应该是可行的这项工作不要滥用语义标签元素！不知道为什么有人投你反对票。。。代码和小提琴工作得很好。@JRulle可能是因为如果这段代码工作，操作代码也应该工作得很好。他没有投反对票though@Karl-AndréGagnon，我赞扬Mark将工作JSFIDLE放在一起，以帮助OP了解其工作原理并发现他/她自己的问题，因为问题中没有非常清楚地传达。

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