创建唯一ID并在html中分配它们以供Javascript使用

创建唯一ID并在html中分配它们以供Javascript使用,javascript,Javascript,我目前正在尝试用html创建唯一的ID。 但是,我不确定下面的代码是创建unqiue id并在html中分配给元素本身,还是仅仅创建unqiue id。 请帮帮我。如果这不是在html中分配的,我该怎么做呢 var abcElements = document.querySelectorAll('.like'); for (var i = 0; i < abcElements.length; i++){ abcElements[i].id = 'like_' + i;

我目前正在尝试用html创建唯一的ID。 但是,我不确定下面的代码是创建unqiue id并在html中分配给元素本身,还是仅仅创建unqiue id。 请帮帮我。如果这不是在html中分配的,我该怎么做呢

var abcElements = document.querySelectorAll('.like');

    for (var i = 0; i < abcElements.length; i++){

    abcElements[i].id = 'like_' + i;
    alert(abcElements[i].id);
}
更新: 我已将所有相关代码包括在

<td><a onclick="return confirm(this)"><input class="switch" data-toggle="toggle" data-on="like" data-off="unlike" data-onstyle="danger" data-width="90" data-height="30" type="checkbox"></a></td>

    <td style="display:none;"><div class="like">${like}</div></td>
Javascript

var abcElements = document.querySelectorAll('.switch');
                     var status = document.querySelectorAll('.like');
                     alert(status.length);
                       for (var i = 0; i < abcElements.length; i++) 
                       {

                            abcElements[i].id = 'switch_' + i;
                            alert(abcElements[i].id);

                            for (var j = 0; j < status.length; j++) 
                            {
                                status[j].id = 'like_' + j;

                                var statusText = $('#'+status[j].id+'').html();
                                alert(statusText);
                                if(statusText == 'true' )
                                { 
                              $('#'+abcElements[i].id+'').bootstrapToggle('on'); 
                                } 


                            }

                        }  

根据你的代码,我想这就是你想要的

$table tr.eachfunctionrow{ var$row=$this; var statusText=$row.find.like.html; console.logstatus:+statusText; 如果statusText==true{ //$row.findinput.switch.bootstraptogle'on'; $row.findinput.switch.propchecked,$row.find.like.html===true; } }; 开关1 错误的 开关2 符合事实的
我意识到我正在为每个div分配id。我只需要把其中一个环移到外面就行了

问题出在哪里?abcElements[i].id确实设置了元素的id属性……这应该可以正常工作。我正在尝试获取'like'div html。div填充在数据表中,因此我为它们分配了一个单独的唯一ID,以便根据它们的唯一ID检索它们。但是我得到了所有的html,而不是我想要的那个。你是如何得到div的?你能发布那个代码吗?更新了@RajeshPi,我正在尝试获取'like'div html。div html填充在数据表中,所以我为它们分配了一个单独的唯一ID,以便根据它们的唯一ID检索它们。但是,我得到了所有的html,而不是我想要的那个。@lel请参阅更新的示例。它根据id获取正确的html。我想我们需要更多的代码来确定问题所在。@lel检查这是否是您想要的。我发现我应该取出内部的for循环并将其放置在外部。无论如何谢谢你的帮助!