javascript - 如果元素 id 中的最后一个数字小于 i，则显示元素

Question

我有名为 id="tag1"、id="tag2" 等的跨度元素，我只想要.show()其 id 中最后一个数字小于例如的跨度。19.
这些元素属于a 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;
}

score 2 · Accepted Answer

您需要替换选择器中“字段”的值：

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

JavaScript 没有任何将动态值插入字符串的内置机制，尽管其他一些语言有。

score 0 · Accepted Answer

尝试

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

score 0 · Accepted Answer

虽然您已经接受了答案，但我会注意到您似乎使这比需要的复杂得多，所以我建议您采用以下方法：

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

参考：

3 回答 3