删除一个孩子，并选择另外一个

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