如何將孩子添加到特定位置的節點？

Question

我有一個有兩個孩子的節點：一個HTML文本和一個HTML元素。

<h1 id="Installation-blahblah">Installation on server<a href="#Installation-blah" class="wiki-anchor">&para;</a> 
</h1> 

在這種情況下，HTML文本爲：

Installation on server 

和HTML元素：

<a href="#Installation-blah" class="wiki-anchor">anchor;</a> 

我然後創建一個像這樣的節點：

span_node = Nokogiri::HTML::Node.new('span',doc) 
span_node['class'] = 'edit-section' 

link_node = Nokogiri::HTML::Node.new('a',doc) 
link_node['href'] = "/wiki/#{page_id}/#{@page.title}/edit?section=#{section_index}" 
link_node['class'] = 'icon icon-edit' 
link_node.content = 'mylink' 

span_node.add_child(link_node) 

現在，將上面的節點添加到主節點我使用以下內容ing：

node.add_child(span_node) 

這會在末尾附加跨度節點。我怎樣才能把span_node放在所有的孩子面前？

Answer 1

感謝Pesto爲您提供幾乎正確的解決方案。

工作的解決方案是：

node.children.first.add_previous_sibling(span_node) 

Answer 2

可以使用NodeSet#before這樣的：

node.children.before(span_node) 

NodeSet#before是一種短切方法來插入的項目作爲第一個元素。更通用的解決方案是使用Node#before和Node#after。例如，some_node.before foo將在some_node之前直接添加節點foo作爲兄弟。 Node#after與此類似。請注意：

node.children.first.before(span_node) 

因此等同於上面的解決方案。

Answer 3

node.prepend_child span_node

Nokogiri::XML::Node#prepend_child Documentation