2011-12-19 83 views
0

我有三个标签“B1”,“B2”和“B3”。我想克隆该HTML并将其作为三个标签的内容加载,其标识为id = "bv-B1-p1",id = "bv-B2-p1"id = "bv-B3-p1"(即根据所选标签替换-brand-B1,B2B3)。克隆HTML并根据所选标签替换内容ID

<div id="bv-brand-priority">  
<div> 
<ul> 
<li><a href="#bv-brand-hp"><span>Static Tab</span></a></li> 

<li><a id="addTab" href="#" ><span>+</span></a></li> 
</ul> 
<div id="bv-brand-hp"> 
    </div> 
    <div id="bv-brand-p"> 
      <div id="bv-brand-eng-media-image-p-img"> 

      </div>  
     <!--clicking this link should append another similar div to the above div with incremented id i.e id="bv-brand-eng-media-image-p-img1"-->   

     <a href="#" id='bv-brand-eng-add-media-image-p'>Add New Image</a> 

    </div> 
</div> 

</div> 
+0

为什么不试试循环? – Unknown 2011-12-19 04:49:10

+0

我是新来的jquery ..请告诉我如何 – 2011-12-19 04:58:12

+0

你可以发布完整的代码,并问什么是提取问题 – 2011-12-19 05:14:55

回答

0

您可以使用下面的代码使用的是创建的div jQuery的:

CODE:

<div id="test"></div> 

var brand = 3; 
$(document).ready(function() { 
    for (var i = 1; i <= brand; i++) { 
     $('#test').append('<div id="bv-B' + i + '-P1" class="touch" onclick="checkid(this);">TESTING</ div>'); 
    } 
}); 

function checkid(c) { 
    var id = c.id; 
    alert(id); 
} 

例如看看下面的小提琴:

http://jsfiddle.net/QshmC/1/

一旦你点击该div将显示点击的ID为div