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

Question

$.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 +='<p class="con" id="paasp">';
                              html +='<input type="radio"  class="check" onclick="radio3(this)"value="">' ;
                              html +='<label><em>'+paasname+'</em></label>';
                              html +='</p>';
                              html +='<p class="con" id="paasp2">';
                              html +='<span>'+os+'</span>';
                              html +='</p>';
                              html +='<p class="con">';
                              html +='<span>'+describe+'</span>';
                              html +='</p>';
                              html +='</li>';
                             }
                                $("#paasShow").html(html);
                        },

Answer 1

---

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

html +='<p class="con" data-id="paasp">';

获取

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

Answer 2

你想问什么没看明白。。id不能直接在代码里改？

Answer 3

id后面加个索引....

Answer 4

html +='<p class="con" id="paasp' + i + '">'

Answer 5

id="paasp"+index

Answer 6

通过for循环控制，在循环体里面取变量i的值

Answer 7

当然可以全局记录id，给重名的加上-1、-2……这样的标签以示区分

但是，我觉得你这种情况最好还是直接上命名空间吧，这样更保险。