javascript - 不要以名称 IS 为目标，而是以随 jquery 递增的 ID 为目标

Question

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

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

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

问题:如何定位递增的 ID？我尝试了 #，只尝试了 CBC，如您所见，我也尝试过使用 +。任何想法？

Answer 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
});

注意事项

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