javascript - 2 つのタグの間のテキストを削除するには?

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

つまり、1 行で実行できます。

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

しかし、それは少し読みにくいです。