Question

我正在尝试使用.click()事件和.hide()方法隐藏点击内容。

事情是每个人都有一个由用户“选择”的不同ID，所以我不能只为每个案例编写代码。

示例：

HTML

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

的jQuery

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

基本上，我正试图找到一种方法来只删除我点击的div。

Answer 1

尝试选择box div：

中的所有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

你的空白已被填满：

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

<强>段

＆＃13;

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

＆＃13;

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

＆＃13;

在jQuery上选择特定的子代

2 个答案: