jquery - 如何在jquery中显示随机的两个li？

Question

您能告诉我如何在 jQuery 中显示随机两个 li 吗？我尝试过这样的

$('#id_show12').click(function() {
    var random1 = Math.floor(Math.random() * 7);
    var random2 = Math.floor(Math.random() * 7);
    $('.show12 li').not(':eq(' + random1 + '), :eq(' + random2 + ')').hide();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="show12">
  <ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
    <li>7</li>
  </ul>
</div>

<button id="id_show12">show only one two li</button>

https://jsbin.com/dafurasaye/edit?html,js,output

Answer 1

当您在隐藏它们之前先显示它们时，所有逻辑都非常有效。

$('.show12 li').show();
$('.show12 li').not(':eq('+random1+'), :eq('+random2+')').hide();

目前它不起作用，因为您隐藏了它们并且当您再次单击时不再显示它们。

请注意，当随机数相同时，您不会处理这种情况。 (0,0 | 3,3)如果你不处理这种情况，有时它只显示一个选项。