如何使用Nokogiri將一個節點的HTML內容添加到另一個節點

Question

正如標題所說，我想知道如何將一個節點的內容添加到另一個節點，例如。假設有一個節點：

<li> 
<a>I'm a link</a> 
<p>I'm a <b>paragraph</b></p> 
</li> 

而且我想補充的上述內容的另一個節點：

<p> 
<a>Link1</a> 
<a>Link2</a> 
<a>Link3</a> 
<a>Link4</a> 
</p> 

然後卸載後者節點到前者像這樣：

<li> 
<a>I'm a link</a> 
<p>I'm a <b>paragraph</b></p> 
<a>Link1</a> 
<a>Link2</a> 
<a>Link3</a> 
<a>Link4</a> 
</li> 

Answer 1

我根據你的問題創建了兩個HTML DOM碎片。 這條線基本上結合了@doc.at_css("li") << @doc1.at_css("p").children這兩個片段。

@doc.at("li")返回DOM Nodeli。 <<附加@ doc1 DOM Node``p這四個a元素的子元素。

require 'nokogiri' 

@doc = Nokogiri::HTML::DocumentFragment.parse <<-EOHTML 
<li> 
<a>I'm a link</a> 
<p>I'm a <b>paragraph</b></p> 
</li> 
EOHTML 

@doc1 = Nokogiri::HTML::DocumentFragment.parse <<-EOHTML 
<p> 
<a>Link1</a> 
<a>Link2</a> 
<a>Link3</a> 
<a>Link4</a> 
</p> 
EOHTML 

@doc.at("li") << @doc1.at("p").children 
print @doc 

<li> 
<a>I'm a link</a> 
<p>I'm a <b>paragraph</b></p> 

<a>Link1</a> 
<a>Link2</a> 
<a>Link3</a> 
<a>Link4</a> 
</li>