隐藏动态按钮的所有实例

时间:2013-11-06 17:35:52

标签: jquery

我有一个动态创建的jquery模式,该模态的一部分是一系列预标签。在pre标签中有一个按钮,对于这个实例称为btnAdd。

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

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

2 个答案:

答案 0 :(得分:1)

改为使用class名称,您可以使用hide名称showclass所有按钮

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

FIDDLE

答案 1 :(得分:1)

您可以使用jquery选择器来实现此目的。

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