jquery - 隐藏动态按钮的所有实例

Question

我有一个动态创建的 jquery 模式，该模式的一部分是一系列 pre 标签。在 pre 标记中是一个按钮，在本例中称为 btnAdd。

根据循环的迭代次数，我要么得到一个按钮，要么得到几个。现在，根据用户权限，我需要隐藏所述按钮的所有实例。以下代码针对单个实例实现了这一点，但如果作为循环的一部分有更多生成，并且具有多个数据集，则不会

$('#myModal').on('show', function() {
       if (!$("#chkAGOG").is(":checked")) {
           $('#btnAdd').hide();
       } else {
           $('#btnAdd').show();
       }
   });

Answer 1

改用class名称，您可以hide和show所有按钮都使用该class名称

 $('#myModal').on('show', function() {
       if (!$("#chkAGOG").is(":checked")) {
           $('.btnAdd').hide(); //where btnAdd is the class name
       } else {
           $('.btnAdd').show();
       }
   });

小提琴

Answer 2

您可以使用 jquery 选择器来实现这一点。

$('#myModal').on('show', function() {
   if (!$("#chkAGOG").is(":checked")) {
       $("[id$='btnAdd']").hide();
   } else {
       $("[id$='btnAdd']").show();