而不是定位名称ID,而是定位随jquery递增的ID

时间:2018-07-03 12:08:12

标签: javascript jquery

if (valueInput == jsyl) {
  var correctBtn = $('<button/>', {
 'class': 'btn btn-success buttonCorrect',
'type': 'button',
'id': 'CorrectIdCount'+CBC++
});

注意ID,它会递增。不用担心该变量,我已经(全局地)声明了该变量。

$('#CorrectIdCount').html(valueInput);

问题:如何定位递增的ID?我尝试使用#,也尝试过CBC,因为您也可以看到使用+进行了尝试。任何想法?

1 个答案:

答案 0 :(得分:1)

由于您要在创建按钮时更改值,因此无需使用选择器。您可以在创建按钮时设置html值,而不是创建按钮,而是将其添加到DOM中,然后从DOM中选择它。

if (valueInput == jsyl) {
    var correctBtn = $('<button/>', {
        'class': 'btn btn-success buttonCorrect',
        'type': 'button',
        'id': "button" + CBC++,
        'html': valueInput
    });
}

此外,如果您需要添加按钮处理程序,则可以使用刚刚创建的实例,如下所示……

correctBtn.on("click", function() {
    // add your click handler here
});

注意

由于我在上面的评论中提到的原因,我在按钮的ID上添加了button前缀。某些浏览器在尝试选择ID以数字开头的元素时会失败,因此可以解决该潜在问题,只是一个很好的“认识”。