克隆元素时更改标题的文本

Question

我正在克隆表单的一部分并遇到了几个绊脚石。我能够克隆表单并更新每个表单元素的 name 属性并且有 2 个问题。 这是我的代码：

function newObservation() {
    var len = $('.observation').length;
    var $html = $('.observationTemplate').clone();

    $html.find($('.observationTitle')[0].text("Observation -" + len));
    $html.find('[name=audit-observation-category]')[0].name="audit-observation-category" + len;
    $html.find('[name=audit-observation-notes]')[0].name="audit-observation-notes" + len;
    $html.find('[name=audit-observation-recommendation]')[0].name="audit-observation-recommendation" + len;
    $html.find('[name=audit-observation-severity]')[0].name="audit-observation-severity" + len;
    $html.find('[name=audit-observation-person]')[0].name="audit-observation-person" + len;
    $html.find('[name=audit-observation-date]')[0].name="audit-observation-date" + len;

    return $html.html();
}

我似乎无法更新 的文本。我需要添加与每个表单元素相同的数字。所以第一个克隆会说“Observation - 1”。同时使用 .text 和 .html 并得到“Uncaught TypeError: Object # has no method 'text'”

我也无法正确更新元素 ID 的语法。

$html.find('[name=audit-observation-category]')[0].{name="audit-observation-category" + len.id="audit-observation-category" + len};

其他人每次都失败。

非常感谢任何广告！谢谢。

Answer 1

尝试使用eq(0) 而不是[0]，它返回DOM 元素并且不是带有text 方法的jquery 对象：

$('.observationTitle:eq(0)').text("Observation -" + len);

如果您尝试设置元素的 id，您可以这样做：

var name = "audit-observation-category" + len;
$html.find('[name=audit-observation-category]').attr({name:name,  id:name );