Question

创建代码查找input.val == li.id隐藏li

var fi = $('#product_table').find('input').val();
$("#product_list ul li").filter(function(){
  $(this).hide($('li').attr(id).indexOf(fi) > -1)
});

Answer 1

我在这里假设很多...因为您的问题在细节上确实很小。

这可能会让您走上正确的轨道：

$("#product_table").on("click",function(){
  var fi = $('#product_table').find('input:checked').val();
  
  $("#product_list ul li").hide();
  
  $("#product_list ul li").filter(function(){
    if($(this).attr("id")==fi){
      return $(this);
    }
  }).show()
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="product_table">
  <input type="radio" name="test" value="1"> 1
  <input type="radio" name="test" value="2"> 2
  <input type="radio" name="test" value="3"> 3
</div>

<div id="product_list">
  <ul>
    <li id="1">One</li>
    <li id="2">Two</li>
    <li id="3">Three</li>
</ul>
</div>

您可以看到... .filter()方法可以将一个函数用作参数。...但是该函数必须返回匹配的元素。

在生成的收藏集上，您可以执行操作，例如显示/隐藏它们。

创建输入值查找对象JQUERY

1 个答案: