我正在构建一个网页应用程序,允许用户使用单击框,这些单击框又将文本添加到iFrame。
文本采用主题和子主题的形式,用户可以在其中选择适用的子主题,这些子主题在添加时依次编号。
我已经获取或编写了主题“ 1”的代码。以及一些子主题类型“ 1.1、1.2等”,项目符号和“ 1)”,但无法完全弄清楚如何获得低拉丁字母,例如
a)等等
b)等等
我到目前为止的代码是:

<script type="text/javascript">
    var i = 0;
    var j = 0;
    $(document).ready(function(){
        $("button").click(function(){
            $('.Q').each(function(index, element){
                i++;
                $(element).text(i + ') ' + $(element).text());
            });
        });
    });
</script>
<body>
    <a class="Q">test1</a><br>
    <a class="Q">test2</a>

    <br><button>Click me</button>
</body>


索引列表之所以出来是因为它需要适应,我考虑过一个IF类型的语句,但是不确定如何使其按照“如果Q = a,然后下一个Q = b等”的方式工作

是否可以使字母=一个数字,例如a = 1,b = 2?在这种情况下,我还不知道该怎么做。

最佳答案

仅出于显示目的,您不需要任何js / jq,只需使用CSS counter



$('button').on('click', function(){
   $('.Q').addClass('counter');
});

body {
  counter-reset: countAlpha;
}
.Q {
  margin-left: 1em;
  counter-increment: countAlpha;
}
.Q.counter::before {
  margin-right: 1em;
  content: counter(countAlpha, lower-alpha) ")";
  font-weight: bold;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<a class="Q">test1</a>
<br>
<a class="Q">test2</a>

<br>
<button>Click me</button>

10-05 20:18
查看更多