更改克隆对象内的html对象

时间:2010-08-17 12:49:34

标签: jquery jquery-traversing

supose我喜欢这样:

<tr id="file" >
            <td width="510"><div align="right"><span class="star"> *</span>
                <input type="text" name="title" style="width:500px;direction:ltr"  />
            </div></td>
            <td width="156" nowrap="nowrap"><div align="right">file </div></td>
          </tr>

我必须在页面底部链接,让我做一些动作,我的js代码是:

$(function(){

        $(".add").click(function(e){
            e.preventDefault();
            var copy =$('#file').clone().removeAttr('id').insertBefore($('.submit')) ;


            console.log('add called') ;
        });

        $('.remove').click(function(e){
            e.preventDefault();
            console.log('remove called ');
        });     


    }) ;

如果用户首先在第一个输入中输入一些文本我在副本中有相同的文本,我想在创建副本后清除输入。罐

1 个答案:

答案 0 :(得分:0)

您可以使用链中的.find().val('')清除值,如下所示:

$('#file').clone().removeAttr('id').insertBefore('.submit')
                  .find('input').val('');

这会在克隆元素中搜索以清除它找到的<input>。如果您以后需要更具体,可以使用.find('input[name=title]')。如果您需要copy引用,只需在.end()来电后添​​加.val('')即可,因此您引用的是<tr>而不是<input>。< / p>