javascript - 如何使用 jQuery 从搜索结果中滚动到某个 id

Question

我正在尝试向下滚动到包含使用 jQuery 的搜索结果的 id，整个脚本(而不是 JS)工作正常。我只需要一个能够搜索 id 值的方法。

这是我的 HTML

<!-- SEARCH -->
<div class="row">
  <div class="col-lg-6">
    <div class="input-group" style="color:#000">
      <input id="searchx" type="text" class="form-control" placeholder="Search Video">
      <span class="input-group-btn btn-inverse">
        <button id="searchx-btn" class="btn btn-secondary btn-inverse" type="button">Search!</button>
      </span>
    </div>
  </div>
</div>
<!-- SEARCH -->

这是我的 PHP

$fullpath = $fullpath = $dirstr . "/" . $file;
$image    = $imgdir;
$image    = $image . "/" . $page . "/";
$img      = $image .  substr($file,0,-4).".jpg";

?>
<div class="" id="<?php echo $fullpath ?>">
  <a href="<?php echo "?video=$fullpath".'&'."page=$page"?>">
    <img src="<?php echo $img ?>">
  </a>
</div>

这是我的 jQuery

$(document).ready(function()
{
  var searchresult = document.getElementById("searchx").value;
  $(function()
  {
    var foundin = $('*:contains("' + searchresult + '")');
      $('#searchx-btn').click(function()
      {
        $('html, body').animate({
          scrollTop: $("#"+foundin).offset().top
        }, 2000);
      });
  });
});

Answer 1

使用诸如在 div 中获得焦点之类的内容

创建输入文本和按钮来执行搜索。

$('#something').click(function() {
      var id_search = $("#input").val();
      $('#'+id_search).focus();
});