JQuery - 禁用动态生成的表单元素/按钮

Question

我有一个带有一堆动态生成的表单按钮的DIV（通过AJAX获取）。

我试图了解如何disable动态生成表单按钮（例如，假设某些表单按钮是使用ajax获取并显示在div中。我将动态按钮放在DIV中课程buttonContainer。

我尝试了以下操作，但它不起作用：

 $(".buttonContainer").find('*').prop("disabled", true);

有点相关，但我知道如何使用JQuery通过将这些动态表单元素放在父DIV中来捕获动态生成的表单元素中的事件，并告诉DIV在DOM中向上传播时捕获它们的事件，请参阅下面的地方动态按钮正在使用类btn-timeselection。

$(".buttonContainer").on( "click",  ".btn-timeselection", function(eventObject)  {
  event.preventDefault();
  var item = $(this);
  $(".btn-timeselection").removeClass("btn-orange");
  $(".btn-timeselection").addClass("btn-grey");
  item.addClass("btn-orange");
});

是的，回到最初的问题，如何禁用这些动态按钮？

Answer 1

这将为您解决问题

$('.buttonContainer').find('button').attr('disabled','disabled');