我正在构建一个网页应用程序,允许用户使用单击框,这些单击框又将文本添加到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>