Как добавить дочерний элемент в узел в определенной позиции?
у меня есть узел, который имеет два дочерних элемента: HTML-текст и HTML-элемент.
<h1 id="Installation-blahblah">Installation on server<a href="#Installation-blah" class="wiki-anchor">¶</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)
теперь, чтобы добавить вышеуказанный узел к основному узлу, я использую следующее:
node.add_child(span_node)
это добавляет узел span в конце. Как я могу поставить span_node
перед всеми детьми?
3 ответов
спасибо песто за Ваше почти правильное решение.
рабочее решение:
node.children.first.add_previous_sibling(span_node)
можно использовать NodeSet#before
такой:
node.children.before(span_node)
NodeSet#before
- это метод короткого замыкания для вставки элемента в качестве первого элемента. Более универсальным решением является использование Node#before
и Node#after
. Например, some_node.before foo
добавить узел foo
как брат непосредственно перед some_node
. Node#after
аналогично. Обратите внимание, что это:
node.children.first.before(span_node)
, таким образом, эквивалентно решению выше.