javascript - 如何删除两个标签之间的文本？

Question

我有这样的代码:

<input type="text">some dummy text i need to remove! <select>F.i.</select>

我尝试使用 jQuery 来实现此目的。但似乎不起作用。

$('div').children('select').prev().remove();

它删除输入而不是该文本。

那么，如何删除标签之间的文本？

Answer 1

有时，在处理下一个节点时使用 native API 会更简单。

var select = $("div > select")[0];

select.parentNode.removeChild(select.previousSibling);

<小时/>

如果需要，您还可以使选择器更加具体。

var select = $("div > input + select")[0];

<小时/>

如果你这样做的话，你也可以使用 jQuery 来进行删除:

var select = $("div > input + select")[0];
$(select.previousSibling).remove();

这意味着您可以在一行中完成:

$($("div > input + select")[0].previousSibling).remove();

但这有点难以阅读。