在jQuery上选择特定的子级

Question

I'm trying to hide the divs on click using .click() event and .hide() method. 我正在尝试使用.click()事件和.hide()方法在单击时隐藏div。

The thing is each one has a different ID that was 'chosen' by the user, so i can't just write the code for each case. 关键是每个人都有一个由用户“选择”的不同ID ，所以我不能只为每种情况编写代码。

Example: 例：

HTML 的HTML

<body>
      <div id="box">
           <div id="div1"></div>
           <div id="div2"></div>
           <div id="div3"></div>
      </div>
</body>

jQuery jQuery的

$(document).ready(function() {
     $(---selector for all divs 1,2,3----).click(function) {
          $(----specificDivIClicked----).hide();
     });
});

Basicaly, i'm trying to find a way to delete only the div i click on. 基本上，我正试图找到一种方法来仅删除我单击的div。

Answer 1

Try to select all divs inside box div : 尝试在div box选择所有div：

$(document).ready(function()
{
    $('#box div').click(function(){
        $(this).hide();
    });
});

 $(document).ready(function() { $('#box div').click(function(){ $(this).hide(); }); });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="box"> <div id="div1">div1</div> <div id="div2">div2</div> <div id="div3">div3</div> </div>

Answer 2

Thy blanks have been filled: 您的空白已填满：

$(document).ready(function() {
     $('[id^="div"]').click(function() {
          //------------------------^---- You are missing (
          $(this).hide();
     });
});

Snippet 片段

 $(document).ready(function() { $('[id^="div"]').click(function() { $(this).hide(); }); });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="box"> <div id="div1">div1</div> <div id="div2">div2</div> <div id="div3">div3</div> </div>

在jQuery上选择特定的子级

问题描述

2 个解决方案

解决方案1
2 已采纳 2016-01-24 19:18:01

解决方案2
0 2016-01-24 19:17:25

在jQuery上选择特定的子级

问题描述

2 个解决方案

解决方案1 2 已采纳 2016-01-24 19:18:01

解决方案2 0 2016-01-24 19:17:25

解决方案1
2 已采纳 2016-01-24 19:18:01

解决方案2
0 2016-01-24 19:17:25