0

我很难找到一个表达式来自动生成一个新的“类”，如下所示：

<ul>
<li class="img1">link</li>
<li class="img2">link</li>
<li class="img3">link etc...</li>
</ul>

这嵌套在“最常阅读”/“最新评论”的 2 个选项卡中。不同的类使我可以使用 CSS 制作不同的项目符号（数字）；实际上，<li>类是要给出一个程式化的而不是普通的（子弹）数字

我希望我需要 JavaScript 来生成 6 个类，以便与 WordPress 调用一起使用以获取最新评论和 RSS 提要。

我认为它应该是很容易找到的东西，但到目前为止，WordPress 论坛、谷歌等众多；另外，我没有 JavaScript 编程背景。

我会很感激任何潜在的解决方案。

4

5 回答 5

1

此代码将生成增量类：

<?
class linkClass
{
        public static $n;
        public function next()
        {
                return self::$n++;
        }
}
?>

<? linkClass::$n = 1; ?>
<ul>
  <li class="link<? print(linkClass::next());?>">link</li>
  <li class="link<? print(linkClass::next());?>">link</li>
  <li class="link<? print(linkClass::next());?>">link</li>
</ul>

你可以把“print(linkClass::next());” 在生成链接的行中，例如（不是真实示例）：

foreach($links as $link)
  echo '<li class='.linkClass::next().'>'.$link.'</li>';
于 2009-06-13T13:32:07.980 回答
1

如果它被编号，您不会使用有序列表吗？ <ol>.

或者，也许我在这里遗漏了一点。您是否使用更高级别的语言来创建此 html？还是工具？

于 2009-06-12T12:43:25.610 回答
0

使用jQuery：

$(function(){
  $('ul.special').each(function() {
    $('li', this).each(function(i) { this.addClass('img'+i.toString()); });
  });
});

这是用最简单的参考资料写在我脑海中的。我建议您查看jQuery以获取更多信息等。

于 2009-06-13T13:45:40.757 回答
0

据我了解，您想打印出一个无序列表，其中每个列表项都有一个唯一的类，每次打印列表项时都会增加 1？

我对 Wordpress 没有任何经验，但是使用每次打印列表项时增加的变量是否可以轻松完成？

例如：

<ul>
  <li class="<?php echo "img","$i"; ?>>link</li><?php $i++; ?>
  <li class="<?php echo "img","$i"; ?>>link</li><?php $i++; ?>
  <li class="<?php echo "img","$i"; ?>>link etc...</li><?php $i++; ?>
</ul>

或者，您可以创建一个执行以下操作的函数： 1) 打印出数字 2) 将数字的值加一，以便下次调用该函数时打印出更高的值

这将允许您执行以下操作：

function classImg() {
  echo "img", "$i";
  $i++;
}

<ul>
  <li class="<?php classImg(); ?>>link</li>
  <li class="<?php classImg(); ?>>link</li>
  <li class="<?php classImg(); ?>>link etc...</li>
</ul>

我已经在脑海中写下了这个，所以可能有错误，但我希望你能理解我的意思。

于 2009-06-13T12:38:55.097 回答
0

您可能希望在服务器端生成类，或者如果您希望它们在运行时更改，则使用 javascript。

于 2009-06-12T12:43:02.990 回答