jquery如何遍历一系列项目并采取行动？

Question

给定的HTML如下：

<div class="itemList">
  <div class="streamBox version-2"> stuff </div>
  <div class="streamBox version-2"> stuff </div>
  <div class="streamBox version-3"> stuff </div>
  <div class="streamBox version-2"> stuff </div>
  <div class="streamBox version-3"> stuff </div>
  <div class="streamBox version-1"> stuff </div>
</div>

我怎样才能让jquery遍历'.itemList‘目录中的所有'.streamBox’？

在循环时，给定一个版本#，比如2，如何让它显示()版本2，但隐藏所有其他版本？

谢谢

Answer 1

$('.itemList').children('.steamBox').each(function(index) {
    // Now you can use $(this) to manipulate a list item
    if (index != 2) // index starts at 0
        $(this).hide();
});

Answer 2

$('.itemList').children().hide().filter('.version-2').show();

另外，使用UL元素：

<ul class="itemList">
  <li class="version-2"> stuff </li>
  <li class="version-2"> stuff </li>
  <li class="version-3"> stuff </li>
  <li class="version-2"> stuff </li>
  <li class="version-3"> stuff </li>
  <li class="version-1"> stuff </li>
</ul>

Answer 3

尝试如下所示：

function showVersion(ver) {
$('.streamBox').hide();
$('.version-' + ver).show();
}