javascript - 获取所有以“hide”开头的元素

Question

基本上，我想在点击按钮时将某些列表项隐藏在可变大小的元素列表中。

getElementById本身并没有真正达到目的，因为我需要隐藏id以“hide”开头的所有列表元素。例如，我需要隐藏li#hide1，li#hide2等等。有关如何解决这个问题的想法吗？

Answer 1

它应该是这样的：

document.querySelectorAll("[id^=hide]")

Answer 2

<强> jsFiddle demo

var liHide = document.querySelectorAll("[id^=hide]");

for(var i=0; i<liHide.length; i++){
   // do someghing with liHide[i] like:
   liHide[i].style.display = "none";
}

如果您使用 jQuery ，您可以这样做：

$( "li[id^=hide]" ).hide(); // Hide all LI which ID starts with "hide"

Answer 3

如果您使用的是jQuery，可以执行以下操作：

$( "li[id^='hide']" ).each(function(){
   $(this).hide();
});

Answer 4

document.querySelectorAll('[id^="hide"]');