如何刪除特定 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標簽內的所有 span 標簽，但不應刪除父 span 標簽。

Mu jquery 代碼是：

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

沒有幫助我該怎么做？

Answer 1

1. 你需要 .(dot) 來訪問text-danger因為它的類
2. 你需要一個click事件delete

 $(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 設置為空。