删除一个孩子并选择另​​一个孩子

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