Question

我想基于div类声明javascript来搜索，但是我可以指定代码。以下是我正在使用的javascript代码。

function searchFunction()() {
  var input, filter, div, a;
  input = document.getElementById('myinput');
  filter = input.value.toUpperCase();
  div = document.getElementByClassName('panel panel-default')
  a = document.getElementsByTagName('accordion-toggle')

  for (i = 0; i < li.length; i++) {
    a = li[i].getElementsByTagName("a")[0];
    if (a.innerHTML.toUpperCase().indexOf(filter) > -1) {
      li[i].style.display = "";
    } else {
      li[i].style.display = "none";
    }
  }
}

头

<div class="container">
  <div class="panel-group" id="accordion">
    <div class="faqHeader">
      <font color="#008080"><strong><code class="border-rounded">General Questions</strong>
        <p style="text-align:center">
          </code>
      </font>
    </div>

我声明的搜索功能

    <input type="text" name="search" value="" autocomplete="off" id="myinput" onkeypress="searchFunction()" placeholder="Search...">

在搜索框中输入时要搜索的内容

    <Form>
      <div class="panel panel-default">
        <div class="panel-heading">
          <h4 class="panel-title">
            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne"><strong>What do you like?</strong></a>
          </h4>
        </div>
        <div id="collapseOne" class="panel-collapse collapse in">
          <div class="panel-body">
            <p>I like potato</p>
          </div>
        </div>
      </div>
    </form>

Answer 1

您可以这样使用queryselector：

document.querySelector(".some_class");

如果我只上课，如何声明javascript搜索功能？

1 个答案: