Question

我正在构建一个网页应用，允许用户使用点击工具，然后将文本添加到iFrame。文本采用主题和子主题的形式，用户可以选择适用的子主题，这些子主题在添加时按顺序依次编号。我已经获得或制作了主题的代码＆＃34; 1。＆＃34;和一些子主题类型＆＃34; 1.1,1.2等＆＃34;，子弹和＆＃34; 1）＆＃34;，但不能完全弄清楚如何获得低拉丁字母，例如 a）blahblah， b）blahblah 我到目前为止的代码是：

<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类型语句但不确定如何使它按照＆＃39;如果Q = a，然后下一个Q = b的方式工作等＆＃39;

是否可以使字母= a = 1，b = 2等数字？在这种情况下，我还没有提示如何做到这一点。

Answer 1

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

＆＃13;

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

＆＃13;

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;
}

＆＃13;

<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>

＆＃13;

Answer 2

对于角色，而不是i ++ 使用：i = String.fromCharCode(i.charCodeAt(0) + 1)

使用jquery

2 个答案: