如何删除分区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. 您需要。(点(访问text-danger，因为它的类
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设置为空。