克隆 div 后执行 2 .finds() 的困惑答案

【问题标题】：Confusion performing 2 .finds() after cloning a div克隆 div 后执行 2 .finds() 的困惑
【发布时间】：2014-04-14 19:50:18
【问题描述】：

大家好，我有以下代码，如下所示，它添加了一个由文本字段和单选按钮组成的新行，我编写了 JS 来添加一个新行，我使用 .find() 来追加新行具有空白值的输入字段。我是 JS 新手，想在克隆时执行另一个 .find() 以向无线电输入添加值，有人可以告诉我如何操作吗？

<div id='1'>
        <div class="template">
            <div>
                <label class="right inline">Response:</label>
            </div>
            <div>
                <input type="text" name="responseText[]" value="" maxlength="400" />
            </div>
            <div>
                <input type="radio" name="responseRadio[]" value="" />
            </div>
        </div>
        <div>
            <input type="button" name="addNewRow" value="Add Row" />
        </div>
    </div>

JS 添加新行：

var $template = $('.template');
$('input[type=button]').click(function() {
    $template.clone().insertAfter($template).find("input:text").val("");
});

【问题讨论】：

标签： javascript jquery html forms

【解决方案1】：

只需获取克隆的模板并在其上使用您喜欢的任何方法，然后再将其插入：

var $template = $('.template');
$('input[type=button]').click(function() {
    var $elem = $template.clone();
    $elem.find("input:text").val("");
    $elem.find("input:radio").val("whatever");
    $elem.insertAfter($template);
});

这是一个小提琴：http://jsfiddle.net/SWCPD/1/

【讨论】：

【解决方案2】：

你可以这样尝试-

var $clone = $template.clone();
$clone.find("input:text").val("");
$template.after($clone);

【讨论】：

【解决方案3】：

var $clonedNode = $template.clone();
$clonedNode.find('input:text').val('');
$clonedNode.find('input:radio').attr('checked', 'checked');
$template.insertAfter($clonedNode);

是将单选按钮设置为选中。

【讨论】：

我想设置按钮的值，我是否只使用值，然后使用我想使用的值？
是的，然后你试试 $clonedNode.find('input:radio').val('something');