javascript - ID の最後の数字が i より小さい場合に要素を表示する

Question

id="tag1"、id="tag2" などの名前のスパン要素があり、ID.show()の最後の番号がより小さいスパンのみが必要です。19.これらの要素は、ページが最初にロードされたときの に
属します。class="notVis"$(".notVis").hide();

私はこれと独学でまったく新しいものです。これが、以下の試行されたコードが多くの笑いを生み出す理由です。助けてくれてありがとう！

var iMax = 19;
var i = 3;
var field = "tag" + i;
while(i < iMax){
   $("#field").show(); i = i + 1; field = "tag" + i;
}

Answer 1

セレクターの「フィールド」の値を代入する必要があります。

$("#" + field).show();

JavaScript には、動的な値を文字列に補間するための組み込みメカニズムがありませんが、他の言語には組み込まれています。

Answer 2

あなたはすでに回答を受け入れていますが、これを必要以上に複雑にしているように見えることに注意してください。代わりに、次のアプローチをお勧めします。

var iMax = 19;
$('span[id^="field"]').hide().filter(function(i){
    return i < iMax;
}).show();

JS フィドルのデモ。

参考文献:

• filter().
• hide().
• show().

Answer 3

試す

var iMax = 19;
var i = 3;
var field;
while(i < iMax){
   field = "tag" + i++;
   $("#" + field).show(); 
}