-1

我正在做一个平行段落突出显示的平行文本。大约完成了一半，这里：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，但我不确定它是否是一个理想的程序，甚至不确定如何让它增加数字。

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

4

1 回答 1

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>
于 2012-04-24T03:05:41.453 回答