Jquery 函数显示隐藏无法正常工作

我有显示查询,但问题是当我有多行时,基本上我可以做多个显示隐藏,这会导致其功能错误。

我所做的是:点击它会显示值并更改文本标签,但如果我为另一行做另一行,它也会改变它的文本,现在我最终得到两行隐藏标签,即使显示是显示第二次点击的值。

怎么解决

$(document).on('click','.showDiv',function() {
  $("#divData").css('display','block');
  $("#divDataData").load('audioDailyCounts.cfm?audioID=' + $(this).attr('data-id') + '&_new=' + Math.random());
  $(this).text('Hide Daily +/-');
  $(this).addClass('removeDiv');
});

$(document).on('click','.removeDiv',function() {
  $("#divData").hide();
  $(this).text('Show Daily +/-');
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a href="javascript:;" class="showDiv" data-id="#audioID#">Show Daily +/-</a>
<div class="row" id="divData" style="display:none;">
  <div class="col-md-12">
    <div class="card-box">
      <div id="divDataData"></div>
    </div>
  </div>
</div>

jieci1981 回答:Jquery 函数显示隐藏无法正常工作

暂时没有好的解决方案,如果你有好的解决方案,请发邮件至:iooj@foxmail.com
本文链接:https://www.f2er.com/693.html

大家都在问