如何删除特定 ID 跨度内的跨度？

Question

我有一个html代码

<span class="text-danger field-validation-valid" data-valmsg-for="CustomActivity.WorkOrderCategoriesName" data-valmsg-replace="true">
      <span id="CustomActivity_WorkOrderCategoriesName-error" class="">The WorkOrderCategoriesName field is required.</span>
</span>

<span class="text-danger field-validation-valid" data-valmsg-for="CustomActivity.Notes" data-valmsg-replace="true">
      <span id="CustomActivity_Notes-error" class="">The Notes field is required.</span>
</span>

 <button type="button" class="btn btn-primary" id="delete" data-id="">Delete</button>

现在，当我单击“删除”按钮时，我需要删除 text-danger field-validation-valid 标签内的所有跨度标签，但不应删除父跨度标签。

Mu jquery 代码为：

 $(document).ready(function () {
$("#delete").click(function () {
                jQuery('.text-danger field-validation-valid div').html('');
            });
});

没有帮助我该怎么做？

Answer 1

1. 您需要 .（点）才能访问 text-danger 因为它 class
2. 您需要在 delete
举办 click 活动

 $(document).ready(function () {
 
  $(document).on('click','#delete', function(e){
  
     jQuery('.text-danger').find('span').remove();
  });
   
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span class="text-danger field-validation-valid" data-valmsg-for="CustomActivity.WorkOrderCategoriesName" data-valmsg-replace="true">
      <span id="CustomActivity_WorkOrderCategoriesName-error" class="">The WorkOrderCategoriesName field is required.</span>
</span>

<span class="text-danger field-validation-valid" data-valmsg-for="CustomActivity.Notes" data-valmsg-replace="true">
      <span id="CustomActivity_Notes-error" class="">The Notes field is required.</span>
</span>

 <button type="button" class="btn btn-primary" id="delete" data-id="">Delete</button>

Answer 2

有一个简单的破解方法。

$("spanId").html("");

这会将跨度的内部 html 设置为空。