Question

我正在使用并行段落突出显示并行文本。这已经完成了一半，在这里：http://tinyurl.com/humecz2e

问题在于手动编辑html非常繁琐，以便每个段落都有递增的数字。例如：

<div class="indented numbered">
<label class="p2">
Those who have denied the reality of moral distinc&shy;tions, may be ranked among the disingenuous disputants; nor is it conceivable, that any human creature could ever seriously believe, that all characters and actions were alike entitled to the<span class="epagno"></span> affection and regard of everyone. The difference, which nature has placed between one man and another, is so wide, and this difference is still so much farther widened, by education, example, and habit, that, where the opposite extremes come at once under our apprehension, there is no scepticism so scrupulous, and scarce any assurance so determined, as absolutely to deny all distinction between them. Let a man&rsquo;s insensibility be ever so great, he must often be touched with the images of <strong>right</strong> and <strong>wrong</strong>; and let his prejudices be ever so obstinate, he must observe, that others are susceptible of like impressions. The only way, therefore, of converting an antagonist of this kind, is to leave him to himself. For, finding that nobody keeps up the controversy with him, it is probable he will, at last, of himself, from mere weariness, come over to the side of common sense and reason.
</label>
</div>

<div class="indented numberedlower"><div class="sbnumbered">
<label class="p3">
There has been a controversy started of late, much better worth examination, concerning the general foundation of <strong>morals</strong>; whether they be derived from <strong>reason</strong>, or from <strong>sentiment</strong>; whether we attain the knowledge of them by a chain of argument and induction, or by an immediate feeling and finer internal sense; whether, like all sound judgment of truth and falsehood, they should be the same to every rational intelligent being; or whether, like the perception of beauty and deformity, they be founded entirely on the particular fabric and constitution of the human species.
</label>
</div></div>

我想自动而不是手动，或者自动和手动混合。但我不知道该怎么做。我有AutoHotKey，但我不确定它是否是一个理想的程序，甚至是如何让它增加数字。

任何帮助将不胜感激。谢谢！

Answer 1

你想要使用Javascript：

<script type="text/javascript">
    var elements = document.getElementsByTagName('label');
    for (var i in elements) {
        var elem = elements[i];
        elem.className += " p"+i;
    }
</script>

您可以考虑使用唯一ID而不是唯一的类名：

<script type="text/javascript">
    var elements = document.getElementsByTagName('label');
    for (var i in elements) {
        var elem = elements[i];
        elem.id = "p"+i;
    }
</script>

如果您只想以不同方式设置标签样式，可以尝试使用nth-child CSS选择器：

<style type="text/css">
    div label:nth-child(odd) {
        background-color: red;
    }

    div label:nth-child(even) {
        background-color: blue;
    }
</style>

编辑html的自动数字递增？

1 个答案: