Question

美好的一天，我有这个HTML：

<div class="subcategory_name_wrapper" id="categories">

<div class="subcategory_name">
      <a href="#1">apple
      </a>
      </div>
<div class="subcategory_name">
      <a href="#2">plum
      </a>
      </div>
<div class="subcategory_name">
      <a href="#3">cherry
      </a>
      </div>
</div>

我想使用jquery和文本输入过滤子类别，当使用类型时，根据输入更新（过滤）内容。例如，如果他输入樱桃，只有那个div是sh

Answer 1

试试这个

$('#inputtext').on('keyup',function(e){
var searchValue=this.value,
selector='a:contains("'+searchValue+'")',
$allDivParents = $('.subcategory_name');

$allDivParents .hide();
var $validDivsParents = $(selector).parent();
$validDivsParents.show();
})

http://codepen.io/JDev02/pen/YpXoQB

jquery使用用户文本输入文本更新内容

1 个答案: