删除包含其他标记的范围内的文本

Question

我有这个跨度需要在旁边摆脱og文本：

<span class="filter_column filter_date_range">From <input type="text" class="date_range_filter form-control" id="applicationList_range_from_6" rel="6" value="from"></input> to <input type="text" class="date_range_filter form-control" id="applicationList_range_to_6" rel="6" value="to"></input></span>

如何删除“from”和“to”中的文字？

由于

Answer 1

您可以过滤掉文本节点，然后将其删除：

$('.filter_date_range').contents().filter(function() {
    return this.nodeType === 3; // filter text nodes
}).remove();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="filter_column filter_date_range">From <input type="text" class="date_range_filter form-control" id="applicationList_range_from_6" rel="6" value="from"></input> to <input type="text" class="date_range_filter form-control" id="applicationList_range_to_6" rel="6" value="to"></input></span>

这种方法的优点是任何附加到其他元素的事件处理程序都不会受到影响。