Question

我有一个有序的清单。在第3步，我需要告诉用户如果土拨鼠看到他的影子，那么跳到第5步。

我是否可以在步骤3中使用标记来引用其他项目的编号？

一些伪标记：

<ol>
<li>One</li>
<li>Two</li>
<li>Three, if sees shadow skip to <shownumberfor="itemofinterest"/></li>
<li>Four</li>
<li id="itemofinterest">Five</li>
</ol>

编辑以澄清：

号码＆＃34; 5＆＃34;应该出现在第3项的内容中。如果＆＃34;五＆＃34;在列表中向上或向下移动，我希望数字移动到指向新数字。

更多编辑

更改项目名称以避免混淆。它可以移动。

Answer 1

我不建议使用此解决方案，因为我认为如果您更改html的内容，请更改所有内容。除非这个问题只是图片的一部分，否则此列表也会动态生成JavaScript。

＆＃13;

$('#itemofinterest-pointer').html(function(){
  return $('li').index($('#itemofinterest')) + 1 /* because the "index" function return the index in base 0 */;
});

/* If you use this code multiple times in your code, wrap this with a function and call it when you need. Don't duplicate the code */

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ol>
  <li>One</li>
  <li>Two</li>
  <li>Three, if sees shadow skip to <span id="itemofinterest-pointer"></span><!--<shownumberfor="itemofinterest"/></li>-->
  <li>Four</li>
  <li id="itemofinterest">Five</li>
</ol>

＆＃13;

带有＆＃34;的HTML订购列表跳到＆＃34;标签

1 个答案: