javascript - 获取所有以“隐藏”开头的元素答案

【问题标题】：javascript - get all elements that start with "hide"javascript - 获取所有以“隐藏”开头的元素
【发布时间】：2014-11-10 23:18:57
【问题描述】：

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

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

【问题讨论】：

stackoverflow.com/questions/4275071/…

标签： javascript html listitem

【解决方案1】：

应该是这样的：

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

【讨论】：

【解决方案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"

【讨论】：

【解决方案3】：

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

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

【讨论】：

【解决方案4】：

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

【讨论】：