如何刪除兩個標籤之間的文本？

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]; 
$(select.previousSibling).remove(); 

這意味着你能做到這一點的一條線：

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

---

，如果你這樣做你可以使用jQuery做刪除以及

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

但這有點難以閱讀。 「