Question

<div class = "Input">
<textarea cols="10" row="10" name="add" style="resize:none" id ="text0"> </textarea>
<span class="Delete" style="visibility:hidden"> Del </span>
</div>

这是html代码和

var count=0;
 $('.AddText').live('click',function(e){
        $('.Input:last').after($('.Input:first').clone());
});

这是JQUERY代码

当我点击AddText时，我会创建另一个“输入”div。我想更改textarea ID，如'text'+ count。我怎么能用JQUERY做到这一点？

Answer 1

克隆元素后设置id属性。

var count=0;
$(document).on('click', '.AddText', function(e){
    var newdiv = $('.Input:first').clone();
    newdiv.find('textarea').attr('id', 'text'+(++count));
    $('.Input:last').after(nediv);
});

但你确定你需要textareas有ID吗？如果重复这些元素，您可能没有任何代码可以通过ID访问它们。

Answer 2

你需要这样写。别再使用了。由于它已被弃用

var count=0;
 $('.AddText').on('click',function(e){
        $('.Input:last').after($('.Input:first').clone().find('textarea').attr('id', 'text' + count));
});

希望有所帮助

Answer 3

它正在运作...... EXAMPLE

$('body').on('click','.AddText',function(e){

    $('.Input:last').after($('.Input:first').clone());
    $('.Input:last textarea').attr('id','text'+($('.Input').length-1));
});

Answer 4

使用这段脚本。它工作正常

var count=0;
 $('.AddText').on('click',function(e){
        $('.Input:last').after($('.Input:first').clone());
    $('.Input:last textarea').attr('id','text'+((count)+1));
     count=count+1;
});

这是 DEMO

它会将text0之类的textarea ID更改为text1，依此类推。

如何设置div id与变量？

4 个答案: