javascript - js拼接html的时候怎么让div的id值不同，怎么获取div的id值

问题描述

问 题

$.ajax({
                    type: "post",
                    url: "hostPaas.htm",
                    data: {
                    } ,
                    dataType: "json",
                    success: function(data) {
                        var html = "";
                        for (var i=0;i<data.hostPaas.length;i++) {
                             var paasname = data.hostPaas[i].paasName;  
                             var os = data.hostPaas[i].os;
                              var describe=data.hostPaas[i].describe;
                              html +='<li>';
                              html +='<div class="con" id="paasDiv">';
                              html +='<input type="radio"  class="check" onclick="radio3(this)"value="">' ;
                              html +='<label><em>'+paasname+'</em></label>';
                              html +='</div>';
                              html +='<div class="con" id="paasDiv2">';
                              html +='<span>'+os+'</span>';
                              html +='</div>';
                              html +='<div class="con">';
                              html +='<span>'+describe+'</span>';
                              html +='</div>';
                              html +='</li>';
                             }
                                $("#paasShow").html(html);
                        },

解决方案

---

可以使用 data-id 避免 id 重复的问题

html +='<div class="con" data-id="paasDiv">';

获取

$('div[data-id=passDiv]'); // 可以遍历，可以绑定事件，看你的需求

这篇关于javascript - js拼接html的时候怎么让div的id值不同，怎么获取div的id值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！