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

Question

我有这样的代码：

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

我试图为此使用jQuery。 但它似乎不起作用。

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

它删除input而不是该文本。

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

Answer 1

有时，在处理下一个节点时使用本机 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();

但这有点难以阅读。