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

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

小提琴

有很多方法可以做到这一点，但您很可能需要使用.end()它来返回原始选择器。

Answer 3

如果您有多个<pre>元素：

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