我使用的是jsTree,我需要将这个HTML树代码<ul> <li>转换成一个PHP数组。PHP标记将传递给PHP进行解析,并存储在一个结构化树jsTree数组中(请参阅下面的PHP数组结构)。
附加问题:我想要的PHP数组结构是好的还是可以建议一个好的结构?我愿意听取你的建议。
(预先谢谢:)
干杯,马克
jsTree截图

HTML树字符串
<ul class="ltr">
<li id="phtml_1" class=" open">
<a style="" class=" " href="#"><ins> </ins>Folder 1</a>
<ul>
<li class="leaf" id="phtml_2">
<a style="" class=" " href="#"><ins> </ins>Child 1.1</a>
</li>
<li class="open" id="phtml_3">
<a style="" class=" " href="#"><ins> </ins>Folder 1.1</a>
<ul>
<li class="leaf last" rel="default">
<a href="" style="" class=" "><ins> </ins>Child 1.1.1</a>
</li>
</ul>
</li>
<li class="last open" rel="default">
<a href="" style="" class=" "><ins> </ins>Folder 1.2</a>
<ul>
<li class="leaf" rel="default">
<a href="" style="" class=" "><ins> </ins>Child 1.2.1</a>
</li>
<li class="leaf last" rel="default">
<a href="" style="" class=" "><ins> </ins>Child 1.2.2</a>
</li>
</ul>
</li>
</ul>
</li>
<li id="phtml_5" class="file open">
<a style="" class=" " href="#"><ins> </ins>Folder 2</a>
<ul>
<li class="leaf" rel="default">
<a href="" style="" class=" "><ins> </ins>Child 2.1</a>
</li>
<li class="leaf last" rel="default">
<a href="" style="" class="clicked"><ins> </ins>Child 2.2</a>
</li>
</ul>
</li>
<li class="leaf last" rel="default">
<a href="" style="" class=" "><ins> </ins>Outer Child</a>
</li>
</ul>PHP结构
<?php
$tree_array = array(
'Folder 1' => array(
'Child 1.1',
'Folder 1.1' => array(
'Child 1.1.1'
),
'Folder 1.2' => array(
'Child 1.2.1',
'Child 1.2.2'
),
),
'Folder 2' => array(
'Child 2.1',
'Child 2.2'
),
'Outer Child'
);
echo '<pre>',print_r($tree_array),'</pre>';
?>print_r输出
Array
(
[Folder 1] => Array
(
[0] => Child 1.1
[Folder 1.1] => Array
(
[0] => Child 1.1.1
)
[Folder 1.2] => Array
(
[0] => Child 1.2.1
[1] => Child 1.2.2
)
)
[Folder 2] => Array
(
[0] => Child 2.1
[1] => Child 2.2
)
[0] => Outer Child
)发布于 2010-05-13 06:46:12
关于:
我的问题是,我很难解析字符串HTML标记并将其保存到PHP数组中。
我建议您使用HTML解析器,例如simplehtmldom。这将允许您以您想要的方式遍历HTML。
下面是一个快速而肮脏的UL步行脚本:
<?php
require_once( "simplehtmldom/simple_html_dom.php" );
$DOM = file_get_html( "test.htm" );
$ARR = array( );
function WalkUL( $ul, &$ar )
{
foreach( $ul->children as $li )
{
if ( $li->tag != "li" )
{
continue;
}
$arar = array( );
foreach( $li->children as $ulul )
{
if ( $ulul->tag != "ul" )
{
continue;
}
WalkUL( $ulul, $arar );
}
$ar[ $li->find( "a", 0 )->plaintext ] = $arar;
}
}
WalkUL( $DOM->find( "ul", 0 ), $ARR );
print_r( $ARR );
?>它的输出,与你想要的不完全一样,但是很接近:
Array
(
[Folder 1] => Array
(
[Child 1.1] => Array
(
)
[Folder 1.1] => Array
(
[Child 1.1.1] => Array
(
)
)
[Folder 1.2] => Array
(
[Child 1.2.1] => Array
(
)
[Child 1.2.2] => Array
(
)
)
)
[Folder 2] => Array
(
[Child 2.1] => Array
(
)
[Child 2.2] => Array
(
)
)
[Outer Child] => Array
(
)
)发布于 2010-05-12 09:10:01
而不是扰乱html,你应该提交树的数据,以一个更程序员友好的格式。
$('#saveButton').click(function() {
var treeData = $.tree.reference($('#sortableTree')).get(undefined, 'json');
var tmp = serializeTree(treeData, 0);
// now json-encode tmp and submit it
});
function serializeTree(nodes, parent)
{
var parents = {};
var childOrder = []
var childOrders = {};
for(var i = 0; i < nodes.length; i++)
{
var node = nodes[i];
var id = node.attributes.id.substr(5); // assuming the id looks like 'abcd-ID'
parents[id] = parent;
childOrder.push(id);
if(node.children)
{
var tmp = serializeTree(node.children, id);
for(var id in tmp[0])
parents[id] = tmp[0][id];
for(var id in tmp[1])
childOrders[id] = tmp[1][id]
}
}
childOrders[parent] = childOrder;
return [parents, childOrders];
}发布于 2011-01-20 09:49:50
仅供参考:还有一个jQuery插件,用于序列化HTML of和lists:http://www.drakedata.com/serializetree/sampleTree.html --它将嵌套的结构和列表转换为字符串,该字符串可用作关联的php数组。
https://stackoverflow.com/questions/2817242
复制相似问题