如何循环使用此功能30个ID?

时间:2018-04-10 09:34:35

标签: javascript jquery

我基本上要跑30次。 ID会互相跟随,每个ID都有一个新号码。

<script>
$(document).ready(function () {
if($("#waybillvalue1").text().trim() == ''){
       $("#1stImageCont1").css('cursor', 'not-allowed');
         $("#1stImageCont1").on("click", function (e) {
             e.preventDefault();
         });
        }
});

</script>

所以基本上它必须是每个&#34; waybillvalue1 - waybillvalue30&#34;它必须执行以下代码:

$("#1stImageCont1").css('cursor', 'not-allowed');
         $("#1stImageCont1").on("click", function (e) {
             e.preventDefault();
         });
        }
});

我不知道在哪里添加&#34; for&#34;和&#34; i + 1&#34;等

以下是它需要做的事情:

<script>
$(document).ready(function () {
var waybillslist=list.length;


for (var counter = 0; counter < waybillslist; counter++) {
if($("#waybillvalue"+counter).text().trim() == ''){

var listSize=list.length;
for (var counter = 0; counter < listSize; counter++) { 
    $("#1stImageCont"+counter).css('cursor', 'not-allowed');
             $("#1stImageCont"+counter).on("click", function (e) {
                 e.preventDefault();
             });
            }
        });
    }
});
</script>

2 个答案:

答案 0 :(得分:2)

只需使用此块代码即可执行您想要的操作

$("[id^='1stImageCont']").css('cursor', 'not-allowed');
         $("[id^='1stImageCont']").on("click", function (e) {
             e.preventDefault();
         });
        }
});

也请阅读此doc

答案 1 :(得分:0)

就像连接id中的计数器一样简单:

var listSize=list.length;
for (var counter = 0; counter < listSize; counter++) { 
    $("#1stImageCont"+counter).css('cursor', 'not-allowed');
             $("#1stImageCont"+counter).on("click", function (e) {
                 e.preventDefault();
             });
            }
    });
}