jQuery:删除没有父元素的字符串

Question

我有一个无法在PHP中编辑的文档，如下所示：

<div class="car-search-field-div">
<label class="simple_hide">Türen</label>
<div class="myClear"></div>
doors_count
<input id="car-search-form-field-doors_count" name="search[doors_count]" type="text" value="" placeholder="Anzahl Türen ab">
</div>

现在我正试图删除字符串"；doors_count"；通过jQuery，但无法正确寻址。当我尝试类似的东西时：

$('.car-search-field-div').remove('iventory_number', '');

输入字段的占位符被移除；门牌号码"；仍然存在。我也想过使用字符串的xpath，但这也不起作用。

有没有一种方法可以寻址/删除一个没有元素的字符串？提前非常感谢！

Answer 1

您可以删除.car-search-field-div内部的所有文本

$('.car-search-field-div').contents().filter(function () {
return this.nodeType === 3; 
}).remove();

更多详细信息请在此输入链接描述

演示

Answer 2

您需要DOM访问

document.querySelector(".car-search-field-div").childNodes.forEach(node => {
if (node.nodeType === 3 && node.textContent.trim() === "doors_count") node.remove()
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<div class="car-search-field-div">
<label class="simple_hide">Türen</label>
<div class="myClear"></div>
doors_count
<input id="car-search-form-field-doors_count" name="search[doors_count]" type="text" value="" placeholder="Anzahl Türen ab">
</div>