Question

例如：

<div id="parent">
      <div id="child">Click here</div>
</div>

当我点击孩子时，两个div都会消失或隐藏

Answer 1

使用jQuery

尝试此操作

$("#child").on('click',function(){
    $(this).parent().hide();
});

Link for reference 希望这会有所帮助...

Answer 2

您可以使用实例https://jsfiddle.net/fdaqsks2/

＆＃13;

$("#child").click(function(){
    $(this).parent().hide();
})

＆＃13;

#parent{
  padding: 20px;
  background: red;
}

#child {
  padding:5px;
  background: blue;
  color: #fff;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="parent">
      <div id="child">Click here</div>
</div>

＆＃13;

Answer 3

您可以使用jquery on()和hide()功能。一旦你正确地渲染或加载了html，那么下面的代码就可以执行了，这就是$(document).ready(function() {...Execute Once HTML Render...});

因此，以下代码将仅用于点击事件，因为您看到我正在使用on('click',function(){...});

$(document).ready(function() {
  $( "#child" ).on('click',function(){
    $(this).parent().hide();
  });
});

这是example

我可以让孩子div在点击时隐藏它的父div吗？

3 个答案: