Question

我创建了如下的ID：

var plant_counter = 0;

$('.plant-name').attr('id', 'plant-name-' + plant_counter);

之后我尝试更改此元素的html代码：

    $('#nav-btn-test').click (function () {
    $('#plant-name-0').html('hello');
    console.log('clicked);
});

html代码不会改变。为什么呢？

Answer 1

在您发布的代码中，点击了＆＃39;缺少报价。另外我想你想使用.text而不是.html

var plant_counter = 0;

$( document ).ready(function() {
    $('.plant-name').attr('id', 'plant-name-' + plant_counter);
    $('.btn').click (function () {
        $('#plant-name-0').text('hello');
        console.log('clicked');
    });
   console.log("ready");
});

JS Fiddle＆lt; - 点击此处查看演示

Answer 2

设置ID的代码将不起作用，因为变量 plant_counter 未被更新（它将始终为0）。

使用jQuery的.each方法（参见文档HERE），如下所示：

$('.plant-name').each(function( index ) {
    $(this).attr('id', 'plant-name-' + index);
});

除了：在点击操作注册中，您在日志记录语句末尾错过了结束单引号（＆＃39;）。

以下是您要复制的工作示例jsFiddle 。

无法使用jquery

2 个答案: