0

我将首先在这里提到我关于这个问题的第一个问题

我需要的是<ul>从 HTML 字符串中获取数组中的所有列表,这样我就可以通过将每个列表分成两半(从一个列表中创建两个列表)来操作它们,以通过浮动它们来将每个列表显示在两列中。例子:

资源:

Lorem ipsum dolor et amet...<br />
<ul>
    <li>List item 1</li>
    <li>List item 2</li>
    <li>List item 3</li>
    <li>List item 4</li>
</ul>
Lorem ipsum dolor et amet...<br />
NEXT UL LIST GOES HERE... etc..

需要的结果:

Lorem ipsum dolor et amet...<br />
<div style="overflow:hidden;">
  <ul>
    <li>List item 1</li>
    <li>List item 2</li>
  </ul>
  <ul>    
    <li>List item 3</li>
    <li>List item 4</li>
  </ul>
</div>
NEXT UL LIST GOES HERE... etc..

我知道 CSS 浮动<li>,但这会以错误的顺序给出列表,例如:

Lorem ipsum...
list item 1     list item 2
list item 3     list item 4
list item 5     list item 6

什么是不需要的。所以我决定解决方案可以将每个列表分成两半(从一个列表中创建两个列表),然后将它们浮动。

正如您在我之前的问题中看到的那样,我的第一个想法是使用preg_match_all()PHP 函数来实现。但是效果不是很好。正如用户所建议的那样,使用正则表达式来解析 HTML 是一个坏主意,所以:

有人可以通过使用 DOMDocument 或任何其他方法来解释如何做到这一点吗?如何从 html 内容中提取列表,以便我可以根据需要对其进行操作?

4

0 回答 0