Question

我已经创建了一个jquery动态元素显示截至目前，当我点击单个元素时，它会删除所有人都可以帮助我解释为什么会发生这种情况，或者如果我单击1个元素就可以实现它将仅删除1

$(document).on("click", ".rmove", function() {
  $(".compraision").remove();
  $('#company_graph').show();
  $('#comparision_graph').hide();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="comparision">
  <div class="compraision index_opt co_heading_area pos">
    <div class="co_info"><span class="float-left">AGIC</span>
      <p class="float-right">44%</p>
      <a class="rmove">Remove </a>
    </div>
    <div class="clearfix"></div>
  </div>

  <div class="compraision index_opt co_heading_area pos">
    <div class="co_info"><span class="float-left">PSMC</span>
      <p class="float-right">44%</p>
      <a class="rmove">Remove</a>
    </div>
    <div class="clearfix"></div>
  </div>

  <div class="compraision index_opt co_heading_area pos">
    <div class="co_info"><span class="float-left">AGTL</span>
      <p class="float-right">44%</p>
      <a class="rmove">Remove </a>
    </div>
    <div class="clearfix"></div>
  </div>
</div>

Fiddle Link

Answer 1

使用.closest()查找需要删除的元素，而不是选择所有元素

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="comparision">
  <div class="compraision index_opt co_heading_area pos">
    <div class="co_info"><span class="float-left">AGIC</span>
      <p class="float-right">44%</p>
      <a class="rmove">Remove </a>
    </div>
    <div class="clearfix"></div>
  </div>

  <div class="compraision index_opt co_heading_area pos">
    <div class="co_info"><span class="float-left">PSMC</span>
      <p class="float-right">44%</p>
      <a class="rmove">Remove</a>
    </div>
    <div class="clearfix"></div>
  </div>

  <div class="compraision index_opt co_heading_area pos">
    <div class="co_info"><span class="float-left">AGTL</span>
      <p class="float-right">44%</p>
      <a class="rmove">Remove </a>
    </div>
    <div class="clearfix"></div>
  </div>
</div>

＆＃13;

{{1}}

＆＃13;

Answer 2

看一看。 https://jsfiddle.net/hk0d5exr/5/
$(this).parent().parent()只能访问所点击元素的父级如果有帮助，请告诉我干杯

Answer 3

你必须像这样制作你的jquery：

$(document).on("click", ".rmove", function() {
  $(this).parents(".compraision").remove();
  $('#company_graph').show();
  $('#comparision_graph').hide();
});

点击删除jquery中的所有元素

3 个答案: