时间戳

首页 > 解决方案 > 删除与 Jquery 相同的 Attr 中的元素

javascript - 删除与 Jquery 相同的 Attr 中的元素

问题描述

有4个按钮

<button type="button" class="addf" idu="1">Plus</button>
<button type="button" class="unf" idu="1">Min</button>

<button type="button" class="addf" idu="2">Plus</button>
<button type="button" class="unf" idu="2">Min</button>

如何使用动态jquery删除同一属性中的元素？例如，如果您单击 attr idu="1" 的 .addf 按钮，您将删除 attr idu="1" 的 .unf 按钮。如果单击 attr idu="2" 的 .addf 按钮，您将删除 attr idu="2" 的 .unf 按钮

标签： javascriptjquery

解决方案

无论如何..直到@David在他的评论中所说的..更改idu=为data-idu=..所以你的代码应该看起来像这样

$(document).ready(function(){
  $('.addf').on('click' , function(){
    var GetData = $(this).attr('data-idu');
    $('.unf[data-idu="'+ GetData +'"]').remove();
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button type="button" class="addf" data-idu="1">Plus</button>
<button type="button" class="unf" data-idu="1">Min</button>

<button type="button" class="addf" data-idu="2">Plus</button>
<button type="button" class="unf" data-idu="2">Min</button>

推荐阅读