刪除一個孩子，並選擇另外一個

Question

我有這樣的HTML代碼：

<div id="step-1st"> 
    <pre style="display:none"></pre> 
    <textarea></textarea> 
</div> 

我要刪除textarea並顯示pre與下面的代碼：

$("#step-1st textarea").remove().parent().children("pre").show(); 

這肯定可以輕鬆完成與超過在線，但我想知道如何做到這一點與一條線。

Answer 1

$("#step-1st textarea").prev("pre").show().end().remove(); 

http://jsfiddle.net/q3cMn/

Answer 2

這應該這樣做。

$("#step-1st pre").next().remove().end().show(); 

FIDDLE

有很多方法可以做到這一點，但你最有可能會需要使用.end()要回到原來的選擇。

Answer 3

，如果你有一個以上的<pre>元素：

$("#step-1st textarea").parent().children("pre").show().end().end().remove();