Question

我的情况是

<label id="studentName" class="firstClass> </label>
<label id="studentName" class="secondClass> </label>
<label id="registerNumber" class="firstClass> </label>
<label id="registerNumber" class="secondClass> </label>

现在，我必须唯一地标识每个标记，并使用class和id将innerHTML替换为某个值。

我如何从javascript / ios方面实现这一目标？

Answer 1

您想要切换Id和类。您可以拥有2个相同的ID但是您可以拥有多个具有相同名称的类。

<label id="firststudentName" class="studentName> </label>
<label id="secondstudentName" class="studentName> </label>
<label id="firstregisterNumber" class="registerNumber> </label>
<label id="secondregisterNumber" class="registerNumber> </label>

Answer 2

您可以使用

elements = document.getElementsByClassName(names);

并循环结果，还有hasClass函数。

但通常ID应该是唯一的。

Answer 3

尝试使用jquery：

function checkUnique(className){
    var count = 0;
    var ids = '';
    $('.' + className).each(function(i){
        if(ids.indexOf($(this).attr('id')) != -1){
            $(this).attr('id',$(this).attr('id') + i);
        }
        ids += $(this).attr('id');
    })
}

Answer 4

这是无效的HTML，请参见此处：http://www.w3schools.com/tags/att_global_id.asp

如果您正在迭代，例如一些学生，请确保使用id的循环，以便

id="studentName1" id="studentName2"

在html和javascript中具有不同类名的相同id

4 个答案: