我在stackoverflow上看到了这个嵌套的UL数组问题的一些变体,但我认为我的比其他更简单.我正在寻找一个简单的数组循环,允许无限量的主题(父母)与无限量的项目(儿童),如:

  • Topic

    • Item
    • Item
    • Item
    • Item

我用以下代码尝试了这个:

$result = mysql_query("SELECT * FROM News");

$topicname = false;

while($row = mysql_fetch_array($result)) {

if (!$row['TopicID']) {

$row['TopicName'] = 'Sort Me';

}

if ($topicname != $row['TopicName']) {

echo '

  • ' . $row['TopicName'] . '

    • ';

$topicname = $row['TopicName'];

}

echo '';

echo '

' . $row['NewsID'] . '"';

echo '';

}

if ($topicname != $row['TopicName']) {

echo '

';

$topicname = $row['TopicName'];

}

?>

上面的代码呈现如下:

* Topic A

o News 1

o News ...

o News 51000

+ Topic B

# News 1

# News ...

# News 51000

* Topic C

o News 1

o News ...

o News 51000

+ Topic D

# News 1

# News ...

# News 51000

希望代码呈现以下内容:

* Topic A

o News 1

o News ...

o News 51000

* Topic B

o News 1

o News ...

o News 51000

* Topic C

o News 1

o News ...

o News 51000

* Topic D

o News 1

o News ...

o News 51000

任何想法将不胜感激!

马克解决的问题;有可能解决这个相关的问题吗?

嗨Mark:是的,这就行了!非常有帮助,谢谢.我想知道你是否能够帮助我把它带到另一个复杂程度.如果你认为在这个问题中提出问题是不合适的,请告诉我,我会另外提出,但你的代码是可靠的,所以我想我会跟进它.

使用上面相同的代码,我希望通过选择1列,2列,3列,4列,5列等(最多10个)为用户提供查看数据的选项.数据行将被分成单独的DIV标记,行计数将包括主题和新闻项.我将使用我的CSS控制DIV标签,但我想将行计数均匀地分组到指定数量的列的DIV标签中.我希望儿童新闻项目不要与其父母和群体分开,以尽可能地分开.如果有一个断点,其中1列可以比另一列长,并且它是偶数/任意的,优先级将转到最左边的列,如:这个迷你插图:

XXX

XX

X

我不知道这有多清楚,所以这里有一个例子.如果用户选择1列,他们将看到以下30行“数据”:

* Topic A

o News 1

o News 2

o News 3

* Topic B

o News 1

o News 2

o News 3

o News 4

* Topic C

o News 1

o News 2

o News 3

o News 4

o News 5

* Topic D

o News 1

o News 2

o News 3

* Topic E

o News 1

o News 2

o News 3

o News 4

* Topic F

o News 1

o News 2

o News 3

o News 4

o News 5

如果用户选择2列,他们会看到以下30行“数据”分为2组,每组包含DIV标签.巧合的是,这种情况很好地解决了:

* Topic A * Topic D

o News 1 o News 1

o News 2 o News 2

o News 3 o News 3

* Topic B * Topic E

o News 1 o News 1

o News 2 o News 2

o News 3 o News 3

o News 4 o News 4

* Topic C * Topic F

o News 1 o News 1

o News 2 o News 2

o News 3 o News 3

o News 4 o News 4

o News 5 o News 5

如果用户选择3列,他们会看到以下30行“数据”分为3组,每组包含DIV标签.间距开始变得棘手,我愿意接受建议.

* Topic A * Topic C * Topic E

o News 1 o News 1 o News 1

o News 2 o News 2 o News 2

o News 3 o News 3 o News 3

* Topic B o News 4 o News 4

o News 1 o News 5 * Topic F

o News 2 * Topic D o News 1

o News 3 o News 1 o News 2

o News 4 o News 2 o News 3

o News 3 o News 4

o News 5

如果用户选择4列,他们会看到以下30行“数据”分为4组,每组包含DIV标签.同样,我甚至不知道如何为我的插图手动分配它,但是让孩子们留在父母身边很重要.

* Topic A * Topic C * Topic D * Topic F

o News 1 o News 1 o News 1 o News 1

o News 2 o News 2 o News 2 o News 2

o News 3 o News 3 o News 3 o News 3

* Topic B o News 4 * Topic E o News 4

o News 1 o News 5 o News 1 o News 5

o News 2

o News 2

o News 3 o News 3

o News 4 o News 4

phpul 无序列表,PHP – 简单嵌套无序列表(UL)数组相关推荐

  1. python代替嵌套列表_python含嵌套的列表去重问题

    今天遇到一个问题,纠结一段时间后终于想到一个方法,挺开心的,就记录下. 问题简化之后是这样的:对于python中类似这样的一个列表 [{'A':2,'B':3,'C':4},{'A':2,'B':4, ...

  2. 无序列表和有序列表可以相互嵌套吗?

    在学习列表的嵌套之前,想先问一下小伙伴们: 无序列表和有序列表可以相互嵌套吗? 带着你的问题我们看一下无序列表和有序列表是否可以嵌套. (如果之前的内容你已经学习完,可以直接下拉到文章的最后学习新的知 ...

  3. 什么是无序列表?如何定义无序列表?

    在web前端中,无序列表是网页中最常用的列表,之所以称为"无序列表",是因为其各个列表项之间为并列关系,没有顺序级别之分.比如一些企业官网的导航栏结构清晰,各列表项之间的排序不分先 ...

  4. 怎么改变html无序列表的字号,html无序列表代码 html5 无序列表的行距怎么设置

    html语句怎么实现无序列表并排?就是两列怎么实现 无序列表并排111 无序列表并排222 css: - #list li{float:left;} float浮动就行了,最好给ol和li设定固定宽度 ...

  5. web无序列表去掉点_无序列表排序之方法

    利用jQuery对无序列表排序的原理是:获取到无序列表中的所有列表项,并转成数组形式,使用JavaScript函数对其进行排序后再次输出.其中使用到的jQuery函数有ready().get().te ...

  6. web无序列表去掉点_html无序列表怎么写?无序列表怎么去掉点?

    在网页中,可以用很多方法来排列文本项目,可以将多种项目没有顺序地排列在一起,也可以给每个项目赋予编号后再进行排列.此时,没有顺序的文本排列方式称为无序列表. 无序列表是项目列表,列表内容可以按任意顺序 ...

  7. html怎么去掉无序列表符号,html无序列表怎么写?无序列表怎么去掉点?(图文)...

    在网页中,可以用很多方法来排列文本项目,可以将多种项目没有顺序地排列在一起,也可以给每个项目赋予编号后再进行排列.此时,没有顺序的文本排列方式称为无序列表. 无序列表是项目列表,列表内容可以按任意顺序 ...

  8. CSS列表(有序,无序,去掉无序列表的点,列表一行显示)

    CSS列表 有序列表 无序列表 无序列表去掉点 成行显示 有序列表 有序列表顾名思义就是会对列表排序 例如这样↓ 1.第一句 2.第二句 3.第三句 <ol><li>第一句&l ...

  9. python列表切片后得到剩余列表_python列表切片和嵌套列表取值操作详解

    python列表切片和嵌套列表取值操作详解 给出列表切片的格式: [开头元素::步长] # 输出直到最后一个元素,(最后一个冒号和步长可以省略,下同) [开头元素:结尾元素(不含):步长] # 其中, ...

最新文章

  1. python函数注释 参数 省略号_python – make函数在help()函数中有参数的省略号
  2. html 如何实现一条竖线边上有 刻度_如何用低技术实现高性能
  3. XGBoost相关知识-2
  4. mysql5.7主从
  5. Java中的ArrayList的初始容量和容量分配
  6. H.266 参考软件VTM下载和安装
  7. 浅谈-LINUX 操作系统启动过程
  8. python中response对象的属性_Django 中的响应对象 Response
  9. 第三周作业2——效能测试
  10. 去哪网实习总结:JavaWeb配置404页面(JavaWeb)
  11. SQL基础笔试题(六)
  12. IIS 301重定向跳转
  13. 网站SEO优化--Flash站优化方法
  14. DSP28335 Flash烧写
  15. dw生日祝福网页制作教程_怎样制作生日祝福网页
  16. 菊安酱的机器学习实战
  17. 从事计算机专业的人职业道德,计算机专业技术人员职业道德建设研究
  18. 最简单的在IntelliJ IDEA导入一个本地项目教程
  19. Mask-RCNN(2)Resnet101
  20. c语言算法五大特性,计算机算法必须具备哪5个特性?

热门文章

  1. IDEA中terminal中执行git log中文乱码
  2. android studio 横幅,有关 android studio notification 横幅弹出的功能没有反应
  3. 封装 电流密度 重布线_具有周边硅通孔的晶圆级芯片封装有限元分析
  4. 软件测试常见笔试面试题(一)
  5. cmd查看某个服务器端口状态,cmd中检测端口是否处于监听状态 | IT博客
  6. chrome浏览器开发者模式header请求参数“Request Payload“找不到的问题
  7. vue实现留言板的功能_基于vue和bootstrap实现简单留言板功能
  8. c# list集合根据某个字段去重_java8 List 根据对象某个字段或多个字段去重、筛选、List转Map、排序、分组、统计计数等等...
  9. 堆载预压弹性变形怎样计算公式_一种风洞洞体堆载预压变形测量工艺的制作方法...
  10. r语言岭回归参数选择_数据分析中常见的七种回归分析以及R语言实现(三)---岭回归...