javascript - How to remove text between two tags?

Question

I have such a code:

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

I tried to to use jQuery for this. But it doesn't seem to work.

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

It deletes input instead of that text.

So, how to remove text which is simply between tags?

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();

但这有点难以阅读。